<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Code Quality Checker</title>
    <script src="https://cdn.bootcdn.net/ajax/libs/echarts/4.8.0/echarts.min.js"></script>
    <style>
      * {
        margin: 0;
        padding: 0;
      }
      ul,
      ol {
        list-style: none;
      }
      .header {
        padding: 0 10%;
        height: 254px;
        background-color: #55aa68;
        display: flex;
        flex-direction: column;
      }
      .nav {
        margin-top: 31px;
        font-size: 14px;
        text-align: right;
      }
      .nav a {
        color: #fff;
        padding: 0 8px;
      }

      .hd-title {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
      }
      .hd-title-txt {
        font-size: 50px;
        color: #fff;
        padding: 20px 0;
        margin-top: 20px;
      }
      .hd-title-remark {
        font-size: 18px;
        color: rgb(247, 247, 247);
      }

      .mbox {
        margin: 20px 10% 0 10%;
      }

      .statement {
        display: flex;
        flex-direction: row;
      }
      .sm-area {
        flex: 0 1 auto;
        width: 50%;
      }
      .total-table {
        margin: 20px 0;
      }
      .total-table-sty {
        width: 100%;
        border: 1px solid rgb(206, 206, 206);
      }
      .total-table-sty thead {
        background-color: rgb(206, 206, 206);
        line-height: 30px;
      }
      .total-table-sty td {
        text-indent: 10px;
        font-size: 14px;
        width: 25%;
      }
      .file-lst {
        font-size: 24px;
        border-bottom: 1px solid rgb(192, 192, 192);
        color: rgb(192, 192, 192);
        margin-bottom: 20px;
        padding: 10px 0;
      }
      .fl-item-lst {
      }
      .fl-item {
        display: flex;
        flex-direction: row;
      }
      .fl-item-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 22px;
        width: 46px;
        height: 46px;
        line-height: 46px;
        background-color: rgb(202, 202, 202);
        color: #fff;
      }
      .fl-item-details {
        padding-left: 10px;
      }
      .fl-detail {
        padding: 15px;
        background-color: #f4f2f0;
        margin-top: 15px;
        margin-bottom: 25px;
      }

      .fl-detail {
        display: flex;
      }
      .fld-num {
        flex: 0 1 auto;
        display: flex;
      }
      .num-item {
        flex: 0 1 auto;
        border-right: 2px solid #444;
        margin-right: 10px;
        padding-right: 4px;
        font-family: 'Courier New', Courier, Monospace;
        font-size: 14px;
      }
      .num-item p {
        line-height: 20px;
        text-align: right;
      }
      .fld-con {
        line-height: 20px;
        font-size: 14px;
        overflow-x: auto;
      }
      .fld-skipped span {
        background-color: #999;
        padding: 2px 8px;
        display: inline-block;
        font-size: 12px;
        color: #fff;
        margin-right: 10px;
        min-width: 76px;
        text-align: center;
      }
      .fs-li {
        display: flex;
        align-items: center;
        margin: 8px 0;
      }

      .top {
        width: 40px;
        height: 40px;
        background-color: rgba(51, 51, 51, 0.8);
        color: #fff;
        position: fixed;
        right: 10px;
        bottom: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
      }
      .top::before {
        display: inline-block;
        border-top: 2px solid;
        border-right: 2px solid;
        width: 10px;
        height: 10px;
        border-color: #fff;
        transform: rotate(-45deg);
        margin-top: 5px;
        content: ' ';
        cursor: pointer;
      }
    </style>
  </head>
  <body>
    <div class="header">
      <div class="nav">
        <span><a href="./index.html">重复率</a></span>
        <span><a href="./eslint.html">Eslint</a></span>
        <span><a href="./sloc.html">注解率及行数</a></span>
      </div>
      <div class="hd-title">
        <div class="hd-title-txt">Code Quality Checker</div>
        <div class="hd-title-remark">javascript代码检测工具</div>
      </div>
    </div>

    <div class="mbox">
      <aside class="statement">
        <div class="sm-area">
          <div id="sm-area-1" style="width: 100%; height: 400px;"></div>
          <script type="text/javascript">
            (function () {
              // 基于准备好的dom，初始化echarts实例
              var myChart = echarts.init(document.getElementById('sm-area-1'));

              // 指定图表的配置项和数据
              var option = {
                title: {
                  text: 'Copy/Paste report',
                  subtext: '',
                  x: 'center',
                  y: 'top',
                },
                legend: {
                  orient: 'vertical',
                  x: 'left',
                  y: 'center',
                  data: ['Total', 'Copy/Paste'],
                },
                calculable: false,
                series: (function () {
                  var series = [];
                  for (var i = 0; i < 30; i++) {
                    series.push({
                      // name: '浏览器（数据纯属虚构）',
                      type: 'pie',
                      radius: '70%',
                      center: ['60%', '50%'],
                      itemStyle: {
                        normal: {
                          label: { show: i > 28 },
                          labelLine: { show: i > 28, length: 20 },
                        },
                      },
                      radius: [i * 4 + 40, i * 4 + 43],
                      data: [
                        { value: i * 16 + 66222, name: 'Total' },
                        { value: i * 8 + 5052, name: 'Copy/Paste' },
                      ],
                    });
                  }
                  series[0].markPoint = {
                    symbol: 'emptyCircle',
                    symbolSize: series[0].radius[0],
                    effect: {
                      show: true,
                      scaleSize: 12,
                      color: 'rgba(250,225,50,0.8)',
                      shadowBlur: 10,
                      period: 30,
                    },
                    data: [{ x: '60%', y: '50%' }],
                  };
                  return series;
                })(),
              };

              // 使用刚指定的配置项和数据显示图表。
              myChart.setOption(option);
            })();
          </script>
        </div>

        <div class="sm-area">
          <div id="sm-area-2" style="width: 100%; height: 400px;"></div>

          <script>
            (function () {
              // 基于准备好的dom，初始化echarts实例
              var myChart2 = echarts.init(document.getElementById('sm-area-2'));

              // 指定图表的配置项和数据

              var option2 = {
                title: {
                  text: 'Formats',
                  x: 'center',
                },
                legend: {
                  orient: 'vertical',
                  x: 'left',
                  y: 'center',
                  data: ["markup","scss","javascript","typescript"],
                },
                series: [
                  {
                    type: 'pie',
                    radius: '70%',
                    center: ['60%', '50%'],
                    data: [{"value":27,"name":"markup"},{"value":5,"name":"scss"},{"value":8,"name":"javascript"},{"value":2,"name":"typescript"}],
                  },
                ],
              };

              // 使用刚指定的配置项和数据显示图表。
              myChart2.setOption(option2);
            })();
          </script>
        </div>
      </aside>

      <aside class="total-table">
        <table class="total-table-sty">
          <thead>
            <tr>
              <td>扫描文件数量</td>
              <td>总行数</td>
              <td>重复项</td>
              <td>占比</td>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>342</td>
              <td>66222</td>
              <td>5052</td>
              <td>
                8%
              </td>
            </tr>
          </tbody>
        </table>
      </aside>

      <article>
        <div class="file-lst">Capture</div>

        <div class="fl-item-lst">

          
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/order-confirm/components/confirm-order/appointment-time-picker-confirm/index.vue [34:1
                  - 121:3]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/appointment-time-picker-confirm1/index.vue [32:1
                  - 119:3]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>34</p>
                  
                  <p>35</p>
                  
                  <p>36</p>
                  
                  <p>37</p>
                  
                  <p>38</p>
                  
                  <p>39</p>
                  
                  <p>40</p>
                  
                  <p>41</p>
                  
                  <p>42</p>
                  
                  <p>43</p>
                  
                  <p>44</p>
                  
                  <p>45</p>
                  
                  <p>46</p>
                  
                  <p>47</p>
                  
                  <p>48</p>
                  
                  <p>49</p>
                  
                  <p>50</p>
                  
                  <p>51</p>
                  
                  <p>52</p>
                  
                  <p>53</p>
                  
                  <p>54</p>
                  
                  <p>55</p>
                  
                  <p>56</p>
                  
                  <p>57</p>
                  
                  <p>58</p>
                  
                  <p>59</p>
                  
                  <p>60</p>
                  
                  <p>61</p>
                  
                  <p>62</p>
                  
                  <p>63</p>
                  
                  <p>64</p>
                  
                  <p>65</p>
                  
                  <p>66</p>
                  
                  <p>67</p>
                  
                  <p>68</p>
                  
                  <p>69</p>
                  
                  <p>70</p>
                  
                  <p>71</p>
                  
                  <p>72</p>
                  
                  <p>73</p>
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                  <p>100</p>
                  
                  <p>101</p>
                  
                  <p>102</p>
                  
                  <p>103</p>
                  
                  <p>104</p>
                  
                  <p>105</p>
                  
                  <p>106</p>
                  
                  <p>107</p>
                  
                  <p>108</p>
                  
                  <p>109</p>
                  
                  <p>110</p>
                  
                  <p>111</p>
                  
                  <p>112</p>
                  
                  <p>113</p>
                  
                  <p>114</p>
                  
                  <p>115</p>
                  
                  <p>116</p>
                  
                  <p>117</p>
                  
                  <p>118</p>
                  
                  <p>119</p>
                  
                  <p>120</p>
                  
                  <p>121</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                    <p>39</p>
                  
                    <p>40</p>
                  
                    <p>41</p>
                  
                    <p>42</p>
                  
                    <p>43</p>
                  
                    <p>44</p>
                  
                    <p>45</p>
                  
                    <p>46</p>
                  
                    <p>47</p>
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                    <p>54</p>
                  
                    <p>55</p>
                  
                    <p>56</p>
                  
                    <p>57</p>
                  
                    <p>58</p>
                  
                    <p>59</p>
                  
                    <p>60</p>
                  
                    <p>61</p>
                  
                    <p>62</p>
                  
                    <p>63</p>
                  
                    <p>64</p>
                  
                    <p>65</p>
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                    <p>100</p>
                  
                    <p>101</p>
                  
                    <p>102</p>
                  
                    <p>103</p>
                  
                    <p>104</p>
                  
                    <p>105</p>
                  
                    <p>106</p>
                  
                    <p>107</p>
                  
                    <p>108</p>
                  
                    <p>109</p>
                  
                    <p>110</p>
                  
                    <p>111</p>
                  
                    <p>112</p>
                  
                    <p>113</p>
                  
                    <p>114</p>
                  
                    <p>115</p>
                  
                    <p>116</p>
                  
                    <p>117</p>
                  
                    <p>118</p>
                  
                    <p>119</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">export default {
  name: &#39;vehicleTimePicker&#39;,
  props: {
    // 大小车
    isBigVehicle: {
      type: Boolean,
      default: true,
    },
    hitOnePrice: {
      type: Boolean,
      default: true,
    },
    selectedTime: {
      type: Number,
      default: () =&gt; {
        return Date.now();
      },
    },
    useTimes: {
      type: Array,
      default: () =&gt; [],
    },
    // 时间选择器天数范围
    dateLength: {
      type: Number,
      default: 3,
    },
    // 当前时间，进行回显
    currentTime: {
      validator: (val) =&gt; {
        return typeof val === &#39;object&#39;;
      },
      required: true,
    },
    onePriceItemCalc: {
      type: Array,
      default: () =&gt; [],
    },
    festivalTagTxt: {
      type: String,
      default: &#39;&#39;,
    },
    existType107: {
      type: Boolean,
      default: false,
    },
    // 双一口价推荐时间
    doublePriceReserves: {
      type: Array,
      default: () =&gt; [],
    },
  },
  components: {
    DatePickerBig,
    SubTitle,
  },
  data() {
    return {
      isShowDatePicker: false, // 是否显示日期选择器
      computedUseTimes: [],
    };
  },
  computed: {
    ...mapGetters([
      &#39;bigPredictLimit&#39;,
      &#39;bigPickerTimeStep&#39;,
      &#39;smallPredictLimit&#39;,
      &#39;smallPickerTimeStep&#39;, // 小车选择器显示天数
      &#39;confirmOrder&#39;,
      &#39;appointmentOriginList&#39;,
      &#39;appointTime&#39;
    ]),
    time() {
      if (!this.appointTime) return 0;
      return this.appointTime.time;
    },
    selectedUseTime() {
      const userTimes = this.useTimes?.[0]?.[0]?.[&#39;calc_time&#39;] || null;
      const reVal = userTimes || Date.now();
      return reVal;
    },
    isDoublePrice({ onePriceItemCalc }) {
      if (onePriceItemCalc &amp;&amp; onePriceItemCalc.length === 2) {
        return true;
      }
      return false;
    },
    //</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/order-home/components/appointment-time-picker/index.vue [1:1
                  - 29:7]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/appointment-time-picker-confirm/index.vue [1:1
                  - 29:3]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>1</p>
                  
                    <p>2</p>
                  
                    <p>3</p>
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">&lt;template&gt;
  &lt;!-- 更改时间。区分大小车 --&gt;
  &lt;date-picker-big
    :show-selected-time=&#34;false&#34;
    :show.sync=&#34;isShowDatePicker&#34;
    :time=&#34;time&#34;
    :is-in-order-detail=&#34;false&#34;
    send-btn-txt=&#34;提交&#34;
    :is-show-cancel=&#34;false&#34;
    :is-use-orange=&#34;isAppointment&#34;
    :picker-time-list=&#34;computedUseTimes || []&#34;
    :show-use-car-now=&#34;true&#34;
    :hit-one-price=&#34;hitOnePrice&#34;
    :current-time=&#34;currentTime&#34;
    :exist-type-107=&#34;existType107&#34;
    :double-price-reserves=&#34;doublePriceReserves&#34;
    @change=&#34;changeUseTime&#34;
    title=&#34;用车时间&#34;
  &gt;
    &lt;template v-slot:headerSubTitle&gt;
      &lt;sub-title v-if=&#34;isAppointment&#34; :appointment-data=&#34;appointmentOriginList&#34; /&gt;
    &lt;/template&gt;
  &lt;/date-picker-big&gt;
&lt;/template&gt;

&lt;script&gt;
import DatePickerBig from &#39;./date-picker-big/index.vue&#39;;
import SubTitle from &#39;./date-picker-big/sub-title.vue&#39;;
import</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/order-home/components/appointment-time-picker/index.vue [29:1
                  - 176:2]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/appointment-time-picker-confirm/index.vue [30:1
                  - 177:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                  <p>32</p>
                  
                  <p>33</p>
                  
                  <p>34</p>
                  
                  <p>35</p>
                  
                  <p>36</p>
                  
                  <p>37</p>
                  
                  <p>38</p>
                  
                  <p>39</p>
                  
                  <p>40</p>
                  
                  <p>41</p>
                  
                  <p>42</p>
                  
                  <p>43</p>
                  
                  <p>44</p>
                  
                  <p>45</p>
                  
                  <p>46</p>
                  
                  <p>47</p>
                  
                  <p>48</p>
                  
                  <p>49</p>
                  
                  <p>50</p>
                  
                  <p>51</p>
                  
                  <p>52</p>
                  
                  <p>53</p>
                  
                  <p>54</p>
                  
                  <p>55</p>
                  
                  <p>56</p>
                  
                  <p>57</p>
                  
                  <p>58</p>
                  
                  <p>59</p>
                  
                  <p>60</p>
                  
                  <p>61</p>
                  
                  <p>62</p>
                  
                  <p>63</p>
                  
                  <p>64</p>
                  
                  <p>65</p>
                  
                  <p>66</p>
                  
                  <p>67</p>
                  
                  <p>68</p>
                  
                  <p>69</p>
                  
                  <p>70</p>
                  
                  <p>71</p>
                  
                  <p>72</p>
                  
                  <p>73</p>
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                  <p>100</p>
                  
                  <p>101</p>
                  
                  <p>102</p>
                  
                  <p>103</p>
                  
                  <p>104</p>
                  
                  <p>105</p>
                  
                  <p>106</p>
                  
                  <p>107</p>
                  
                  <p>108</p>
                  
                  <p>109</p>
                  
                  <p>110</p>
                  
                  <p>111</p>
                  
                  <p>112</p>
                  
                  <p>113</p>
                  
                  <p>114</p>
                  
                  <p>115</p>
                  
                  <p>116</p>
                  
                  <p>117</p>
                  
                  <p>118</p>
                  
                  <p>119</p>
                  
                  <p>120</p>
                  
                  <p>121</p>
                  
                  <p>122</p>
                  
                  <p>123</p>
                  
                  <p>124</p>
                  
                  <p>125</p>
                  
                  <p>126</p>
                  
                  <p>127</p>
                  
                  <p>128</p>
                  
                  <p>129</p>
                  
                  <p>130</p>
                  
                  <p>131</p>
                  
                  <p>132</p>
                  
                  <p>133</p>
                  
                  <p>134</p>
                  
                  <p>135</p>
                  
                  <p>136</p>
                  
                  <p>137</p>
                  
                  <p>138</p>
                  
                  <p>139</p>
                  
                  <p>140</p>
                  
                  <p>141</p>
                  
                  <p>142</p>
                  
                  <p>143</p>
                  
                  <p>144</p>
                  
                  <p>145</p>
                  
                  <p>146</p>
                  
                  <p>147</p>
                  
                  <p>148</p>
                  
                  <p>149</p>
                  
                  <p>150</p>
                  
                  <p>151</p>
                  
                  <p>152</p>
                  
                  <p>153</p>
                  
                  <p>154</p>
                  
                  <p>155</p>
                  
                  <p>156</p>
                  
                  <p>157</p>
                  
                  <p>158</p>
                  
                  <p>159</p>
                  
                  <p>160</p>
                  
                  <p>161</p>
                  
                  <p>162</p>
                  
                  <p>163</p>
                  
                  <p>164</p>
                  
                  <p>165</p>
                  
                  <p>166</p>
                  
                  <p>167</p>
                  
                  <p>168</p>
                  
                  <p>169</p>
                  
                  <p>170</p>
                  
                  <p>171</p>
                  
                  <p>172</p>
                  
                  <p>173</p>
                  
                  <p>174</p>
                  
                  <p>175</p>
                  
                  <p>176</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                    <p>39</p>
                  
                    <p>40</p>
                  
                    <p>41</p>
                  
                    <p>42</p>
                  
                    <p>43</p>
                  
                    <p>44</p>
                  
                    <p>45</p>
                  
                    <p>46</p>
                  
                    <p>47</p>
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                    <p>54</p>
                  
                    <p>55</p>
                  
                    <p>56</p>
                  
                    <p>57</p>
                  
                    <p>58</p>
                  
                    <p>59</p>
                  
                    <p>60</p>
                  
                    <p>61</p>
                  
                    <p>62</p>
                  
                    <p>63</p>
                  
                    <p>64</p>
                  
                    <p>65</p>
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                    <p>100</p>
                  
                    <p>101</p>
                  
                    <p>102</p>
                  
                    <p>103</p>
                  
                    <p>104</p>
                  
                    <p>105</p>
                  
                    <p>106</p>
                  
                    <p>107</p>
                  
                    <p>108</p>
                  
                    <p>109</p>
                  
                    <p>110</p>
                  
                    <p>111</p>
                  
                    <p>112</p>
                  
                    <p>113</p>
                  
                    <p>114</p>
                  
                    <p>115</p>
                  
                    <p>116</p>
                  
                    <p>117</p>
                  
                    <p>118</p>
                  
                    <p>119</p>
                  
                    <p>120</p>
                  
                    <p>121</p>
                  
                    <p>122</p>
                  
                    <p>123</p>
                  
                    <p>124</p>
                  
                    <p>125</p>
                  
                    <p>126</p>
                  
                    <p>127</p>
                  
                    <p>128</p>
                  
                    <p>129</p>
                  
                    <p>130</p>
                  
                    <p>131</p>
                  
                    <p>132</p>
                  
                    <p>133</p>
                  
                    <p>134</p>
                  
                    <p>135</p>
                  
                    <p>136</p>
                  
                    <p>137</p>
                  
                    <p>138</p>
                  
                    <p>139</p>
                  
                    <p>140</p>
                  
                    <p>141</p>
                  
                    <p>142</p>
                  
                    <p>143</p>
                  
                    <p>144</p>
                  
                    <p>145</p>
                  
                    <p>146</p>
                  
                    <p>147</p>
                  
                    <p>148</p>
                  
                    <p>149</p>
                  
                    <p>150</p>
                  
                    <p>151</p>
                  
                    <p>152</p>
                  
                    <p>153</p>
                  
                    <p>154</p>
                  
                    <p>155</p>
                  
                    <p>156</p>
                  
                    <p>157</p>
                  
                    <p>158</p>
                  
                    <p>159</p>
                  
                    <p>160</p>
                  
                    <p>161</p>
                  
                    <p>162</p>
                  
                    <p>163</p>
                  
                    <p>164</p>
                  
                    <p>165</p>
                  
                    <p>166</p>
                  
                    <p>167</p>
                  
                    <p>168</p>
                  
                    <p>169</p>
                  
                    <p>170</p>
                  
                    <p>171</p>
                  
                    <p>172</p>
                  
                    <p>173</p>
                  
                    <p>174</p>
                  
                    <p>175</p>
                  
                    <p>176</p>
                  
                    <p>177</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">import { getUseTimes } from &#39;@/common/utils/date&#39;;
import { mapGetters } from &#39;vuex&#39;;
import { existType101 } from &#39;@/pages/order-home/components/common.js&#39;;

export default {
  name: &#39;vehicleTimePicker&#39;,
  props: {
    // 大小车
    isBigVehicle: {
      type: Boolean,
      default: true,
    },
    hitOnePrice: {
      type: Boolean,
      default: true,
    },
    selectedTime: {
      type: Number,
      default: () =&gt; {
        return Date.now();
      },
    },
    useTimes: {
      type: Array,
      default: () =&gt; [],
    },
    // 时间选择器天数范围
    dateLength: {
      type: Number,
      default: 3,
    },
    // 当前时间，进行回显
    currentTime: {
      validator: (val) =&gt; {
        return typeof val === &#39;object&#39;;
      },
      required: true,
    },
    onePriceItemCalc: {
      type: Array,
      default: () =&gt; [],
    },
    festivalTagTxt: {
      type: String,
      default: &#39;&#39;,
    },
    existType107: {
      type: Boolean,
      default: false,
    },
    // 双一口价推荐时间
    doublePriceReserves: {
      type: Array,
      default: () =&gt; [],
    },
  },
  components: {
    DatePickerBig,
    SubTitle,
  },
  data() {
    return {
      isShowDatePicker: false, // 是否显示日期选择器
      computedUseTimes: [],
    };
  },
  computed: {
    ...mapGetters([
      &#39;bigPredictLimit&#39;,
      &#39;bigPickerTimeStep&#39;,
      &#39;smallPredictLimit&#39;,
      &#39;smallPickerTimeStep&#39;, // 小车选择器显示天数
      &#39;confirmOrder&#39;,
      &#39;appointmentOriginList&#39;,
      &#39;appointTime&#39;
    ]),
    time() {
      if (!this.appointTime) return 0;
      return this.appointTime.time;
    },
    selectedUseTime() {
      const userTimes = this.useTimes?.[0]?.[0]?.[&#39;calc_time&#39;] || null;
      const reVal = userTimes || Date.now();
      return reVal;
    },
    isDoublePrice({ onePriceItemCalc }) {
      if (onePriceItemCalc &amp;&amp; onePriceItemCalc.length === 2) {
        return true;
      }
      return false;
    },
    // 是否为预约特惠
    isAppointment() {
      // 预约价格中最低的价格是降价就显示预约特惠标签
      const first = this.appointmentOriginList[0];
      if (!first) return false
      let low = first
      if (this.appointmentOriginList.length === 2) {
        const [a, b] = this.appointmentOriginList
        if (a?.price_info?.final_price === b?.price_info?.final_price) {
          // 如果配置的两个价格相同，就看有没有降价的，有的话就返回true
          return existType101(a.surcharge_price_item || []) || existType101(b.surcharge_price_item || [])
        }
        // 两个价格不同时，取价格最低的
        const second = this.appointmentOriginList[1]
        low = low?.price_info?.final_price &lt; second?.price_info?.final_price ? low : second
      }
      return existType101(low.surcharge_price_item || []);
    },
  },
  watch: {
    isShowDatePicker: {
      handler(news) {
        if (news) {
          this.createTimeList()
        }
      },
      immediate: true
    }
  },
  mounted() {},
  methods: {
    createTimeList() {
      let useTimes = [];
      const { bigPickerTimeStep, bigPredictLimit, smallPickerTimeStep, smallPredictLimit, isBigVehicle } = this;
      const dataNow = Date.now();
      useTimes = getUseTimes(
        dataNow,
        dataNow,
        isBigVehicle ? bigPickerTimeStep : smallPickerTimeStep,
        isBigVehicle ? bigPredictLimit : smallPredictLimit,
      );
      console.log(&#39;时间列表&#39;, JSON.parse(JSON.stringify(useTimes)));
      this.computedUseTimes = useTimes;
    },
    open() {
      this.isShowDatePicker = true;
    },
    changeUseTime(e) {
      console.log(&#39;预约时间&#39;, e);
      this.$emit(&#39;confirm&#39;, e);
    },
  },
};
&lt;/script&gt;

&lt;style lang=&#34;scss&#34; scoped&gt;
&lt;/style&gt;</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /uni-business/pay-info/components/row-item.vue [2:2
                  - 31:3]
                </div>
                <div>
                  /pages/order-detail/components/pay-info/components/row-item.vue [9:3
                  - 36:4]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">&gt;
    &lt;view :class=&#34;[&#39;row-item--title&#39;, isBold ? &#39;row-item--weight&#39; : &#39;&#39;]&#34;&gt;
      &lt;slot name=&#34;title&#34;&gt;{{ title }}&lt;/slot&gt;
    &lt;/view&gt;
    &lt;view class=&#34;row-item--content&#34;&gt;
      &lt;slot name=&#34;content&#34;&gt;{{ content }}&lt;/slot&gt;
      &lt;div v-if=&#34;tax &gt; 0&#34; class=&#34;row-item--content__tax&#34;&gt;
        含税费{{ tax }}元
      &lt;/div&gt;
    &lt;/view&gt;
    &lt;view :class=&#34;[&#39;row-item--extra&#39;, isBold ? &#39;row-item--weight&#39; : &#39;&#39;]&#34;&gt;
      &lt;slot name=&#34;extra&#34;&gt;{{ extra }}&lt;/slot&gt;
    &lt;/view&gt;
  &lt;/view&gt;
&lt;/template&gt;
&lt;script&gt;
/**
 * @description 支付模块的支付项目
 * @property {String} title 左侧的支付项
 * @property {String} content 中间内容
 * @property {extra} extra 右侧显示的费用
 * @property {Boolean} lineSpacing 左侧边距
 * @property {Boolean} isBold 文字是否加粗
 */

export default {
  props: {
    title: {
      type: String,
      default: &#39;&#39;</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /uni-business/gradient-navbar/index.vue [1:1
                  - 35:36]
                </div>
                <div>
                  /pages/order-detail/components/gradient-navbar/index.vue [1:1
                  - 35:47]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                  <p>32</p>
                  
                  <p>33</p>
                  
                  <p>34</p>
                  
                  <p>35</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>1</p>
                  
                    <p>2</p>
                  
                    <p>3</p>
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">&lt;template&gt;
  &lt;view
    class=&#34;gradient-navbar&#34;
    :style=&#34;[navbarStyle]&#34;
  &gt;
    &lt;view
      class=&#34;gradient-navbar__back-btn&#34;
      :style=&#34;[btnStyle]&#34;
      @click=&#34;clickBackBtn&#34;
    &gt;
      &lt;hll-icon name=&#34;ic-back&#34; size=&#34;18px&#34;&gt;&lt;/hll-icon&gt;
    &lt;/view&gt;

    &lt;view
      class=&#34;gradient-navbar__title&#34;
      :style=&#34;[titleStyle]&#34;
    &gt;
      &lt;slot&gt;{{ title }}&lt;/slot&gt;
    &lt;/view&gt;

    &lt;slot name=&#34;right&#34;&gt;
      &lt;view
        v-if=&#34;rightBtnTxt&#34;
        class=&#34;gradient-navbar__right-btn&#34;
        :style=&#34;[btnStyle]&#34;
        @click=&#34;clickRightBtn&#34;
      &gt;
        {{ rightBtnTxt }}
      &lt;/view&gt;
    &lt;/slot&gt;
  &lt;/view&gt;
&lt;/template&gt;

&lt;script&gt;
import HllIcon from &#39;@hll/uni-e-ui/components/hll-icon&#39;</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /uni-business/gradient-navbar/index.vue [63:5
                  - 154:23]
                </div>
                <div>
                  /pages/order-detail/components/gradient-navbar/index.vue [68:5
                  - 159:3]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>63</p>
                  
                  <p>64</p>
                  
                  <p>65</p>
                  
                  <p>66</p>
                  
                  <p>67</p>
                  
                  <p>68</p>
                  
                  <p>69</p>
                  
                  <p>70</p>
                  
                  <p>71</p>
                  
                  <p>72</p>
                  
                  <p>73</p>
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                  <p>100</p>
                  
                  <p>101</p>
                  
                  <p>102</p>
                  
                  <p>103</p>
                  
                  <p>104</p>
                  
                  <p>105</p>
                  
                  <p>106</p>
                  
                  <p>107</p>
                  
                  <p>108</p>
                  
                  <p>109</p>
                  
                  <p>110</p>
                  
                  <p>111</p>
                  
                  <p>112</p>
                  
                  <p>113</p>
                  
                  <p>114</p>
                  
                  <p>115</p>
                  
                  <p>116</p>
                  
                  <p>117</p>
                  
                  <p>118</p>
                  
                  <p>119</p>
                  
                  <p>120</p>
                  
                  <p>121</p>
                  
                  <p>122</p>
                  
                  <p>123</p>
                  
                  <p>124</p>
                  
                  <p>125</p>
                  
                  <p>126</p>
                  
                  <p>127</p>
                  
                  <p>128</p>
                  
                  <p>129</p>
                  
                  <p>130</p>
                  
                  <p>131</p>
                  
                  <p>132</p>
                  
                  <p>133</p>
                  
                  <p>134</p>
                  
                  <p>135</p>
                  
                  <p>136</p>
                  
                  <p>137</p>
                  
                  <p>138</p>
                  
                  <p>139</p>
                  
                  <p>140</p>
                  
                  <p>141</p>
                  
                  <p>142</p>
                  
                  <p>143</p>
                  
                  <p>144</p>
                  
                  <p>145</p>
                  
                  <p>146</p>
                  
                  <p>147</p>
                  
                  <p>148</p>
                  
                  <p>149</p>
                  
                  <p>150</p>
                  
                  <p>151</p>
                  
                  <p>152</p>
                  
                  <p>153</p>
                  
                  <p>154</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                    <p>100</p>
                  
                    <p>101</p>
                  
                    <p>102</p>
                  
                    <p>103</p>
                  
                    <p>104</p>
                  
                    <p>105</p>
                  
                    <p>106</p>
                  
                    <p>107</p>
                  
                    <p>108</p>
                  
                    <p>109</p>
                  
                    <p>110</p>
                  
                    <p>111</p>
                  
                    <p>112</p>
                  
                    <p>113</p>
                  
                    <p>114</p>
                  
                    <p>115</p>
                  
                    <p>116</p>
                  
                    <p>117</p>
                  
                    <p>118</p>
                  
                    <p>119</p>
                  
                    <p>120</p>
                  
                    <p>121</p>
                  
                    <p>122</p>
                  
                    <p>123</p>
                  
                    <p>124</p>
                  
                    <p>125</p>
                  
                    <p>126</p>
                  
                    <p>127</p>
                  
                    <p>128</p>
                  
                    <p>129</p>
                  
                    <p>130</p>
                  
                    <p>131</p>
                  
                    <p>132</p>
                  
                    <p>133</p>
                  
                    <p>134</p>
                  
                    <p>135</p>
                  
                    <p>136</p>
                  
                    <p>137</p>
                  
                    <p>138</p>
                  
                    <p>139</p>
                  
                    <p>140</p>
                  
                    <p>141</p>
                  
                    <p>142</p>
                  
                    <p>143</p>
                  
                    <p>144</p>
                  
                    <p>145</p>
                  
                    <p>146</p>
                  
                    <p>147</p>
                  
                    <p>148</p>
                  
                    <p>149</p>
                  
                    <p>150</p>
                  
                    <p>151</p>
                  
                    <p>152</p>
                  
                    <p>153</p>
                  
                    <p>154</p>
                  
                    <p>155</p>
                  
                    <p>156</p>
                  
                    <p>157</p>
                  
                    <p>158</p>
                  
                    <p>159</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">},
  },
  data() {
    return {
      systemInfo: {},
      navbarHeight: 44,
      zIndex: 999
    }
  },
  computed: {
    navbarStyle() {
      const {
        fixed,
        opacity,
        systemInfo,
        navbarHeight,
        navZIndex,
      } = this

      return {
        position: fixed ? &#39;fixed&#39; : &#39;relative&#39;,
        zIndex: navZIndex,
        backgroundColor: `rgba(255, 255, 255, ${opacity})`,
        boxShadow: `0px 1px 0px 0px rgba(229,229,229,${opacity})`,
        paddingTop: `${systemInfo.statusBarHeight || 0}px`,
        height: `${navbarHeight}px`
      }
    },
    btnStyle() {
      const { opacity } = this

      return {
        boxShadow: `0px 2px 4px 0px rgba(0,0,0,${0.1 * (1 - opacity)})`
      }
    },
    titleStyle() {
      const {
        opacity,
        systemInfo
      } = this

      return {
        opacity,
        marginTop: `${(systemInfo.statusBarHeight || 0) / 2}px`,
      }
    },
    navZIndex() {
      const { zIndex } = this
      const { zIndexLoading } = this.$theme || {}

      if (zIndex &gt; -1) {
        return zIndex
      }

      if (zIndexLoading &gt; -1) {
        return zIndexLoading
      }

      return 999
    }
  },
  created() {
    const { $hllUIEvent } = this
    const { zIndexMask } = this.$theme || {}

    this.systemInfo = uni.getSystemInfoSync()

    if ($hllUIEvent) {
      this.$hllUIEventInit({
        [$hllUIEvent.types.OPEN_MASK]: () =&gt; {
          // 低于 mask 层级
          this.zIndex = zIndexMask - 1
        },
        [$hllUIEvent.types.CLOSE_MASK]: () =&gt; {
          // 恢复默认层级
          this.zIndex = 999
        }
      })
    } else {
      console.warn(&#39;[业务组件]：GradientNavBar，建议引入 hllUIEventPlugin，解决弹窗层级问题&#39;)
    }
  },
  beforeDestroy() {
    const { $hllUIEvent } = this

    if ($hllUIEvent) {
      this.$hllUIEventDestroy()
    }
  },
  methods: {
    clickBackBtn() {
      this.$emit(&#39;watchDog&#39;,</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /uni-business/gradient-navbar/index.vue [154:7
                  - 241:2]
                </div>
                <div>
                  /pages/order-detail/components/gradient-navbar/index.vue [164:7
                  - 251:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>154</p>
                  
                  <p>155</p>
                  
                  <p>156</p>
                  
                  <p>157</p>
                  
                  <p>158</p>
                  
                  <p>159</p>
                  
                  <p>160</p>
                  
                  <p>161</p>
                  
                  <p>162</p>
                  
                  <p>163</p>
                  
                  <p>164</p>
                  
                  <p>165</p>
                  
                  <p>166</p>
                  
                  <p>167</p>
                  
                  <p>168</p>
                  
                  <p>169</p>
                  
                  <p>170</p>
                  
                  <p>171</p>
                  
                  <p>172</p>
                  
                  <p>173</p>
                  
                  <p>174</p>
                  
                  <p>175</p>
                  
                  <p>176</p>
                  
                  <p>177</p>
                  
                  <p>178</p>
                  
                  <p>179</p>
                  
                  <p>180</p>
                  
                  <p>181</p>
                  
                  <p>182</p>
                  
                  <p>183</p>
                  
                  <p>184</p>
                  
                  <p>185</p>
                  
                  <p>186</p>
                  
                  <p>187</p>
                  
                  <p>188</p>
                  
                  <p>189</p>
                  
                  <p>190</p>
                  
                  <p>191</p>
                  
                  <p>192</p>
                  
                  <p>193</p>
                  
                  <p>194</p>
                  
                  <p>195</p>
                  
                  <p>196</p>
                  
                  <p>197</p>
                  
                  <p>198</p>
                  
                  <p>199</p>
                  
                  <p>200</p>
                  
                  <p>201</p>
                  
                  <p>202</p>
                  
                  <p>203</p>
                  
                  <p>204</p>
                  
                  <p>205</p>
                  
                  <p>206</p>
                  
                  <p>207</p>
                  
                  <p>208</p>
                  
                  <p>209</p>
                  
                  <p>210</p>
                  
                  <p>211</p>
                  
                  <p>212</p>
                  
                  <p>213</p>
                  
                  <p>214</p>
                  
                  <p>215</p>
                  
                  <p>216</p>
                  
                  <p>217</p>
                  
                  <p>218</p>
                  
                  <p>219</p>
                  
                  <p>220</p>
                  
                  <p>221</p>
                  
                  <p>222</p>
                  
                  <p>223</p>
                  
                  <p>224</p>
                  
                  <p>225</p>
                  
                  <p>226</p>
                  
                  <p>227</p>
                  
                  <p>228</p>
                  
                  <p>229</p>
                  
                  <p>230</p>
                  
                  <p>231</p>
                  
                  <p>232</p>
                  
                  <p>233</p>
                  
                  <p>234</p>
                  
                  <p>235</p>
                  
                  <p>236</p>
                  
                  <p>237</p>
                  
                  <p>238</p>
                  
                  <p>239</p>
                  
                  <p>240</p>
                  
                  <p>241</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>164</p>
                  
                    <p>165</p>
                  
                    <p>166</p>
                  
                    <p>167</p>
                  
                    <p>168</p>
                  
                    <p>169</p>
                  
                    <p>170</p>
                  
                    <p>171</p>
                  
                    <p>172</p>
                  
                    <p>173</p>
                  
                    <p>174</p>
                  
                    <p>175</p>
                  
                    <p>176</p>
                  
                    <p>177</p>
                  
                    <p>178</p>
                  
                    <p>179</p>
                  
                    <p>180</p>
                  
                    <p>181</p>
                  
                    <p>182</p>
                  
                    <p>183</p>
                  
                    <p>184</p>
                  
                    <p>185</p>
                  
                    <p>186</p>
                  
                    <p>187</p>
                  
                    <p>188</p>
                  
                    <p>189</p>
                  
                    <p>190</p>
                  
                    <p>191</p>
                  
                    <p>192</p>
                  
                    <p>193</p>
                  
                    <p>194</p>
                  
                    <p>195</p>
                  
                    <p>196</p>
                  
                    <p>197</p>
                  
                    <p>198</p>
                  
                    <p>199</p>
                  
                    <p>200</p>
                  
                    <p>201</p>
                  
                    <p>202</p>
                  
                    <p>203</p>
                  
                    <p>204</p>
                  
                    <p>205</p>
                  
                    <p>206</p>
                  
                    <p>207</p>
                  
                    <p>208</p>
                  
                    <p>209</p>
                  
                    <p>210</p>
                  
                    <p>211</p>
                  
                    <p>212</p>
                  
                    <p>213</p>
                  
                    <p>214</p>
                  
                    <p>215</p>
                  
                    <p>216</p>
                  
                    <p>217</p>
                  
                    <p>218</p>
                  
                    <p>219</p>
                  
                    <p>220</p>
                  
                    <p>221</p>
                  
                    <p>222</p>
                  
                    <p>223</p>
                  
                    <p>224</p>
                  
                    <p>225</p>
                  
                    <p>226</p>
                  
                    <p>227</p>
                  
                    <p>228</p>
                  
                    <p>229</p>
                  
                    <p>230</p>
                  
                    <p>231</p>
                  
                    <p>232</p>
                  
                    <p>233</p>
                  
                    <p>234</p>
                  
                    <p>235</p>
                  
                    <p>236</p>
                  
                    <p>237</p>
                  
                    <p>238</p>
                  
                    <p>239</p>
                  
                    <p>240</p>
                  
                    <p>241</p>
                  
                    <p>242</p>
                  
                    <p>243</p>
                  
                    <p>244</p>
                  
                    <p>245</p>
                  
                    <p>246</p>
                  
                    <p>247</p>
                  
                    <p>248</p>
                  
                    <p>249</p>
                  
                    <p>250</p>
                  
                    <p>251</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">this.$emit(&#39;watchDog&#39;, getCurrentPages())
      if(this.isCloseMiniApp) {
        this.$emit(&#39;watchDog&#39;, &#39;close-mini-app&#39;)
        return this.$emit(&#39;close-mini-app&#39;);
      }
      if (getCurrentPages().length &gt; 1) {
        uni.navigateBack();
        this.$emit(&#39;watchDog&#39;, &#39;navigateBack&#39;)
      } else {
        this.$emit(&#39;watchDog&#39;, &#39;close-mini-app&#39;)
        this.$track(BACK_BUTTON_CLICK, {
          module_name: &#39;返回&#39;
        });
        this.$emit(&#39;close-mini-app&#39;)
      }
    },
    clickRightBtn() {
      this.$emit(&#39;click-right-btn&#39;)
    },
    getHeight() {
      const { navbarStyle } = this

      return parseInt(navbarStyle.paddingTop) + parseInt(navbarStyle.height)
    }
  }
}
&lt;/script&gt;

&lt;style lang=&#34;scss&#34; scoped&gt;
.gradient-navbar {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0 12px;
}

.gradient-navbar__back-btn {
  width: 34px;
  height: 34px;
  background: #ffffff;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}

.gradient-navbar__title {
  position: absolute;
  z-index: 1;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 133px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 17px;
  font-weight: 400;
  text-align: center;
  color: rgba(0,0,0,0.87);
  line-height: 24px;
  letter-spacing: 0px;
}

.gradient-navbar__right-btn {
  padding: 5px 10px;
  height: 30px;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 400;
  color: rgba(0,0,0,0.45);
  line-height: 20px;
  background: #ffffff;
  box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.1);
  border-radius: 15px;
  box-sizing: border-box;
}
&lt;/style&gt;</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /uni-business/confirm-order/phone-tips.vue [1:1
                  - 26:7]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/phone-tips.vue [1:1
                  - 26:7]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>1</p>
                  
                    <p>2</p>
                  
                    <p>3</p>
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">&lt;template&gt;
  &lt;view class=&#34;phone-tips&#34;&gt;
    &lt;view class=&#34;phone-tips__triangle&#34; /&gt;
    &lt;view class=&#34;phone-tips__wrap&#34;&gt;
      &lt;view class=&#34;phone-tips__wrap__left&#34;&gt;
        &lt;!-- 图标 --&gt;
        &lt;image
          class=&#34;phone-tips__wrap__left__close&#34;
          src=&#34;&#34;
          @tap=&#34;closeWrap(&#39;close&#39;)&#34;
        /&gt;
        &lt;!-- 手机号 --&gt;
        &lt;view
          v-if=&#34;userPhone&#34;
          class=&#34;phone-tips__wrap__left__phone&#34;
        &gt;登录手机为“{{ userPhone }}”
        &lt;/view&gt;
      &lt;/view&gt;
      &lt;!-- 按钮 --&gt;
      &lt;view class=&#34;phone-tips__wrap__right fx fx-align-center fx-justify-center&#34; @tap=&#34;setPhone&#34;&gt;改为本号码&lt;/view&gt;
    &lt;/view&gt;
  &lt;/view&gt;
&lt;/template&gt;

&lt;script&gt;
import</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /uni-business/confirm-order/phone-tips.vue [64:2
                  - 126:2]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/phone-tips.vue [48:5
                  - 110:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>64</p>
                  
                  <p>65</p>
                  
                  <p>66</p>
                  
                  <p>67</p>
                  
                  <p>68</p>
                  
                  <p>69</p>
                  
                  <p>70</p>
                  
                  <p>71</p>
                  
                  <p>72</p>
                  
                  <p>73</p>
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                  <p>100</p>
                  
                  <p>101</p>
                  
                  <p>102</p>
                  
                  <p>103</p>
                  
                  <p>104</p>
                  
                  <p>105</p>
                  
                  <p>106</p>
                  
                  <p>107</p>
                  
                  <p>108</p>
                  
                  <p>109</p>
                  
                  <p>110</p>
                  
                  <p>111</p>
                  
                  <p>112</p>
                  
                  <p>113</p>
                  
                  <p>114</p>
                  
                  <p>115</p>
                  
                  <p>116</p>
                  
                  <p>117</p>
                  
                  <p>118</p>
                  
                  <p>119</p>
                  
                  <p>120</p>
                  
                  <p>121</p>
                  
                  <p>122</p>
                  
                  <p>123</p>
                  
                  <p>124</p>
                  
                  <p>125</p>
                  
                  <p>126</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                    <p>54</p>
                  
                    <p>55</p>
                  
                    <p>56</p>
                  
                    <p>57</p>
                  
                    <p>58</p>
                  
                    <p>59</p>
                  
                    <p>60</p>
                  
                    <p>61</p>
                  
                    <p>62</p>
                  
                    <p>63</p>
                  
                    <p>64</p>
                  
                    <p>65</p>
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                    <p>100</p>
                  
                    <p>101</p>
                  
                    <p>102</p>
                  
                    <p>103</p>
                  
                    <p>104</p>
                  
                    <p>105</p>
                  
                    <p>106</p>
                  
                    <p>107</p>
                  
                    <p>108</p>
                  
                    <p>109</p>
                  
                    <p>110</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">},
  },
}
&lt;/script&gt;

&lt;style lang=&#34;scss&#34; scoped&gt;
.phone-tips {
  padding: 0 12px 13px 12px;
  margin-top: -16px;
  &amp;__triangle {
    position: relative;
    left: calc(50% - 6px);
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-bottom-color: #f3f4f5;
    content: &#39;&#39;;
  }
  &amp;__wrap {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 48px;
    line-height: 48px;
    padding: 9px 24rpx;
    background: #f3f4f5;
    border-radius: 6px;
  }
  &amp;__wrap__left {
    display: flex;
    justify-content: center;
    align-items: center;
    &amp;__close {
      flex-shrink: 0;
      width: 32rpx;
      height: 32rpx;
      background: rgba(0, 0, 0, 0.09);
      border-radius: 50%;
    }
    &amp;__phone {
      font-size: 14px;
      font-weight: 600;
      color: #ff6600;
      margin-left: 24rpx;
    }
    @media screen and (max-width: 360px) {
      &amp;__phone {
        font-size: 12px;
      }    
    }
  }
  &amp;__wrap__right {
    // @include bd-hairline-round(#ff6600);
    width: 152rpx;
    height: 60rpx;
    border-radius: 6px;
    font-size: 12px;
    font-weight: 600;
    color: #ff6600;
  }
}
&lt;/style&gt;</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /uni-business/confirm-order/order-reason.vue [25:2
                  - 42:48]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/order-reason.vue [43:2
                  - 60:49]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                  <p>32</p>
                  
                  <p>33</p>
                  
                  <p>34</p>
                  
                  <p>35</p>
                  
                  <p>36</p>
                  
                  <p>37</p>
                  
                  <p>38</p>
                  
                  <p>39</p>
                  
                  <p>40</p>
                  
                  <p>41</p>
                  
                  <p>42</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>43</p>
                  
                    <p>44</p>
                  
                    <p>45</p>
                  
                    <p>46</p>
                  
                    <p>47</p>
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                    <p>54</p>
                  
                    <p>55</p>
                  
                    <p>56</p>
                  
                    <p>57</p>
                  
                    <p>58</p>
                  
                    <p>59</p>
                  
                    <p>60</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">/&gt;
      &lt;/view&gt;
    &lt;/hll-card&gt;
    &lt;hll-card :title=&#34;reasonTextTitle&#34;&gt;
      &lt;input-with-history
        v-model=&#34;inputingReason&#34;
        :history=&#34;reasonHistory&#34;
        placeholder=&#34;仅企业员工和管理员可见，司机不可见&#34;
        @historyClick=&#34;historyClick&#34;
      /&gt;
    &lt;/hll-card&gt;
    &lt;view class=&#34;confirm-area&#34;&gt;
      &lt;hll-button @click=&#34;confirm&#34;&gt;确认&lt;/hll-button&gt;
    &lt;/view&gt;
  &lt;/view&gt;
&lt;/template&gt;
&lt;script lang=&#34;ts&#34;&gt;
import HllButton from &#39;@hll/uni-e-ui/components/hll-button/index.vue&#39;</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /uni-business/confirm-order/order-card.vue [13:12
                  - 34:17]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/order-card.vue [14:14
                  - 35:14]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                  <p>32</p>
                  
                  <p>33</p>
                  
                  <p>34</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">&#34;
        show-arrow
        omit-passing-points
        @click=&#34;showAddress&#34;
      /&gt;
    &lt;/view&gt;
    &lt;view slot=&#34;footer&#34;&gt;
      &lt;basic-info
        :follower-num=&#34;followNum&#34;
        :can-follow-car=&#34;canFollowCar&#34;
        :phone=&#34;phone&#34;
        :user-phone=&#34;userPhone&#34;
        :show-phone-tips=&#34;showPhoneTips&#34;
        :use-car-time=&#34;useCarTime&#34;
        :is-subscribe=&#34;isSubscribe&#34;
        :is-one-price=&#34;isOnePrice&#34;
        :is-big-truck=&#34;isBigTruck&#34;
        :small-picker-time-step=&#34;smallPickerTimeStep&#34;
        :small-predict-limit=&#34;smallPredictLimit&#34;
        :big-picker-time-step=&#34;bigPickerTimeStep&#34;
        :big-predict-limit=&#34;bigPredictLimit&#34;
        @open-car-follow</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /uni-business/confirm-order/order-card.vue [33:16
                  - 52:14]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/order-card.vue [35:17
                  - 54:17]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>33</p>
                  
                  <p>34</p>
                  
                  <p>35</p>
                  
                  <p>36</p>
                  
                  <p>37</p>
                  
                  <p>38</p>
                  
                  <p>39</p>
                  
                  <p>40</p>
                  
                  <p>41</p>
                  
                  <p>42</p>
                  
                  <p>43</p>
                  
                  <p>44</p>
                  
                  <p>45</p>
                  
                  <p>46</p>
                  
                  <p>47</p>
                  
                  <p>48</p>
                  
                  <p>49</p>
                  
                  <p>50</p>
                  
                  <p>51</p>
                  
                  <p>52</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                    <p>39</p>
                  
                    <p>40</p>
                  
                    <p>41</p>
                  
                    <p>42</p>
                  
                    <p>43</p>
                  
                    <p>44</p>
                  
                    <p>45</p>
                  
                    <p>46</p>
                  
                    <p>47</p>
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                    <p>54</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">&#34;
        @open-car-follow=&#34;openCarFollow&#34;
        @change=&#34;updateBasicInfo&#34;
        @get-one-price-time=&#34;$emit(&#39;get-one-price-time&#39;, $event)&#34;
      /&gt;

      &lt;car-follow-contact
        ref=&#34;follower&#34;
        :follower-num=&#34;followerNum&#34;
        :follower-options=&#34;followerOptions&#34;
        :is-night-service=&#34;isNightService&#34;
        :show.sync=&#34;carFollowShow&#34;
        :use-car-time=&#34;useCarTime&#34;
        :emergency-contact=&#34;emergencyContact&#34;
        @change=&#34;$emit(&#39;change-follower&#39;, $event)&#34;
      /&gt;
    &lt;/view&gt;
    &lt;address-info-popup
      v-model=&#34;showAddrDetail&#34;
      :address-list</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /uni-business/confirm-order/order-card.vue [74:5
                  - 120:3]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/order-card.vue [73:5
                  - 119:3]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                  <p>100</p>
                  
                  <p>101</p>
                  
                  <p>102</p>
                  
                  <p>103</p>
                  
                  <p>104</p>
                  
                  <p>105</p>
                  
                  <p>106</p>
                  
                  <p>107</p>
                  
                  <p>108</p>
                  
                  <p>109</p>
                  
                  <p>110</p>
                  
                  <p>111</p>
                  
                  <p>112</p>
                  
                  <p>113</p>
                  
                  <p>114</p>
                  
                  <p>115</p>
                  
                  <p>116</p>
                  
                  <p>117</p>
                  
                  <p>118</p>
                  
                  <p>119</p>
                  
                  <p>120</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                    <p>100</p>
                  
                    <p>101</p>
                  
                    <p>102</p>
                  
                    <p>103</p>
                  
                    <p>104</p>
                  
                    <p>105</p>
                  
                    <p>106</p>
                  
                    <p>107</p>
                  
                    <p>108</p>
                  
                    <p>109</p>
                  
                    <p>110</p>
                  
                    <p>111</p>
                  
                    <p>112</p>
                  
                    <p>113</p>
                  
                    <p>114</p>
                  
                    <p>115</p>
                  
                    <p>116</p>
                  
                    <p>117</p>
                  
                    <p>118</p>
                  
                    <p>119</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">VehicleInfo,
    AddressInfo,
    AddressInfoPopup,
    BasicInfo,
    CarFollowContact,
  },
  props: {
    showArrow: {},
    vehicleInfo: {
      type: Object,
      default: () =&gt; {
        return {
          name: &#39;&#39;,
          tags: [],
          image: &#39;&#39;,
        };
      },
    },
    addressList: {
      type: Array,
      default: () =&gt; [],
    },
    phone: {},
    userPhone: {
      type: String,
    },
    followerNum: {
      type: Number,
    },
    followerOptions: {},
    showPhoneTips: {},
    isNightService: {},
    emergencyContact: {},
    useCarTime: {},
    isSubscribe: {},
    isOnePrice: {},
    isBigTruck: {},
    // 大小车时间选择器的时间范围
    bigPredictLimit: Number,
    bigPickerTimeStep: Number,
    smallPredictLimit: Number,
    smallPickerTimeStep: Number,
  },
  data() {
    return {
      showAddrDetail: false,
    };</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /uni-business/confirm-order/contact-input.vue [1:1
                  - 38:21]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/contact-input.vue [1:1
                  - 38:33]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                  <p>32</p>
                  
                  <p>33</p>
                  
                  <p>34</p>
                  
                  <p>35</p>
                  
                  <p>36</p>
                  
                  <p>37</p>
                  
                  <p>38</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>1</p>
                  
                    <p>2</p>
                  
                    <p>3</p>
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">&lt;template&gt;
  &lt;hll-popup
    ref=&#34;popup&#34;
    confirm-btn
    title=&#34;订单联系人&#34;
    safe-area-inset-bottom
    @confirm=&#34;confirm&#34;
  &gt;
    &lt;view class=&#34;contact-input&#34;&gt;
      &lt;hll-input
        ref=&#34;input&#34;
        v-model=&#34;inputingPhone&#34;
        type=&#34;phone&#34;
        placeholder=&#34;联系人号码&#34;
        clearable
      &gt;
        &lt;button slot=&#34;subfix&#34; class=&#34;contact-button&#34; @click=&#34;openContacts&#34;&gt;
          通讯录
        &lt;/button&gt;
      &lt;/hll-input&gt;
      &lt;view class=&#34;contact-input__error&#34;&gt;
        &lt;hll-icon
          v-show=&#34;error&#34;
          class=&#34;error-icon&#34;
          name=&#34;ic-toast-alert&#34;
          color=&#34;#f56c6c&#34;
          size=&#34;14px&#34;
        /&gt;
        {{ error ? error.msg : &#39;&#39; }}
      &lt;/view&gt;
    &lt;/view&gt;
  &lt;/hll-popup&gt;
&lt;/template&gt;
&lt;script&gt;
import HllPopup from &#39;@hll/uni-e-ui/components/hll-popup/index.vue&#39;;
import HllInput from &#39;@hll/uni-e-ui/components/hll-input/index.vue&#39;;
import HllIcon from &#39;@hll/uni-e-ui/components/hll-icon&#39;;
import actions from &#39;../common/actions&#39;;</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /uni-business/confirm-order/contact-input.vue [47:1
                  - 98:8]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/contact-input.vue [47:1
                  - 98:9]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>47</p>
                  
                  <p>48</p>
                  
                  <p>49</p>
                  
                  <p>50</p>
                  
                  <p>51</p>
                  
                  <p>52</p>
                  
                  <p>53</p>
                  
                  <p>54</p>
                  
                  <p>55</p>
                  
                  <p>56</p>
                  
                  <p>57</p>
                  
                  <p>58</p>
                  
                  <p>59</p>
                  
                  <p>60</p>
                  
                  <p>61</p>
                  
                  <p>62</p>
                  
                  <p>63</p>
                  
                  <p>64</p>
                  
                  <p>65</p>
                  
                  <p>66</p>
                  
                  <p>67</p>
                  
                  <p>68</p>
                  
                  <p>69</p>
                  
                  <p>70</p>
                  
                  <p>71</p>
                  
                  <p>72</p>
                  
                  <p>73</p>
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>47</p>
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                    <p>54</p>
                  
                    <p>55</p>
                  
                    <p>56</p>
                  
                    <p>57</p>
                  
                    <p>58</p>
                  
                    <p>59</p>
                  
                    <p>60</p>
                  
                    <p>61</p>
                  
                    <p>62</p>
                  
                    <p>63</p>
                  
                    <p>64</p>
                  
                    <p>65</p>
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">export default {
  components: {
    HllPopup,
    HllInput,
    HllIcon,
  },
  props: {
    phone: {
      type: [Number, String],
    },
  },
  data() {
    return {
      inputingPhone: &#39;&#39;,
      error: null,
    };
  },
  watch: {
    phone(val) {
      this.inputingPhone = val;
    },
  },
  created() {
    this.init();
  },

  methods: {
    init() {
      this.inputingPhone = this.phone;
    },
    open() {
      this.$refs.popup.open();
    },
    confirm() {
      this.$track(CONFIRM_ORDER_PHONE_POPUP_CONFIRM_BUTTON_CLICK, {
        button_name: &#39;确认&#39;,
      });
      this.error = this.$refs.input.isValid();
      if (this.error) {
        this.phoneToastTrack(this.error?.phoneType);
      } else {
        this.isError = false;
        this.trackEvent();
        this.$emit(&#39;change&#39;, this.inputingPhone);
        this.$refs.popup.close();
      }
    },
    phoneToastTrack(phoneType) {
      if (this.error?.phoneType === 1) {
        // 座机
        this.$track(CONFIRM_ORDER_PHONE_ERROR_TELEPHONE_TOAST, {
          module_name: &#39;座机号错误&#39;</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /uni-business/confirm-order/contact-input.vue [116:7
                  - 152:2]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/contact-input.vue [115:7
                  - 151:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>116</p>
                  
                  <p>117</p>
                  
                  <p>118</p>
                  
                  <p>119</p>
                  
                  <p>120</p>
                  
                  <p>121</p>
                  
                  <p>122</p>
                  
                  <p>123</p>
                  
                  <p>124</p>
                  
                  <p>125</p>
                  
                  <p>126</p>
                  
                  <p>127</p>
                  
                  <p>128</p>
                  
                  <p>129</p>
                  
                  <p>130</p>
                  
                  <p>131</p>
                  
                  <p>132</p>
                  
                  <p>133</p>
                  
                  <p>134</p>
                  
                  <p>135</p>
                  
                  <p>136</p>
                  
                  <p>137</p>
                  
                  <p>138</p>
                  
                  <p>139</p>
                  
                  <p>140</p>
                  
                  <p>141</p>
                  
                  <p>142</p>
                  
                  <p>143</p>
                  
                  <p>144</p>
                  
                  <p>145</p>
                  
                  <p>146</p>
                  
                  <p>147</p>
                  
                  <p>148</p>
                  
                  <p>149</p>
                  
                  <p>150</p>
                  
                  <p>151</p>
                  
                  <p>152</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>115</p>
                  
                    <p>116</p>
                  
                    <p>117</p>
                  
                    <p>118</p>
                  
                    <p>119</p>
                  
                    <p>120</p>
                  
                    <p>121</p>
                  
                    <p>122</p>
                  
                    <p>123</p>
                  
                    <p>124</p>
                  
                    <p>125</p>
                  
                    <p>126</p>
                  
                    <p>127</p>
                  
                    <p>128</p>
                  
                    <p>129</p>
                  
                    <p>130</p>
                  
                    <p>131</p>
                  
                    <p>132</p>
                  
                    <p>133</p>
                  
                    <p>134</p>
                  
                    <p>135</p>
                  
                    <p>136</p>
                  
                    <p>137</p>
                  
                    <p>138</p>
                  
                    <p>139</p>
                  
                    <p>140</p>
                  
                    <p>141</p>
                  
                    <p>142</p>
                  
                    <p>143</p>
                  
                    <p>144</p>
                  
                    <p>145</p>
                  
                    <p>146</p>
                  
                    <p>147</p>
                  
                    <p>148</p>
                  
                    <p>149</p>
                  
                    <p>150</p>
                  
                    <p>151</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">});
    },
    openContacts() {
      this.$track(CONFIRM_ORDER_PHONE_POPUP_ADDRESS_LIST_CLICK, {
        button_name: &#39;通讯录&#39;,
      });
      actions.openSysContacts().then((res) =&gt; {
        this.inputingPhone = res.phoneNumber;
      });
    },
  },
};
&lt;/script&gt;
&lt;style lang=&#34;scss&#34;&gt;
.contact-input {
  padding: 16px 12px 30px 12px;
  &amp;__error {
    color: #f56c6c;
    font-size: 12px;
    line-height: 1;
    padding-top: 4px;
    left: 0;
    height: 20px;
    display: flex;
    align-items: center;
  }
  .error-icon {
    font-weight: 700;
    margin-right: 3px;
  }
}
.contact-button {
  font-size: 12px;
  background-color: transparent;
  margin-right: 10px;
}
&lt;/style&gt;</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/order-confirm/components/confirm-order/appointment-time-picker-confirm/date-picker-big/tab.vue [1:1
                  - 122:2]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/appointment-time-picker-confirm1/date-picker-big/tab.vue [1:1
                  - 122:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                  <p>32</p>
                  
                  <p>33</p>
                  
                  <p>34</p>
                  
                  <p>35</p>
                  
                  <p>36</p>
                  
                  <p>37</p>
                  
                  <p>38</p>
                  
                  <p>39</p>
                  
                  <p>40</p>
                  
                  <p>41</p>
                  
                  <p>42</p>
                  
                  <p>43</p>
                  
                  <p>44</p>
                  
                  <p>45</p>
                  
                  <p>46</p>
                  
                  <p>47</p>
                  
                  <p>48</p>
                  
                  <p>49</p>
                  
                  <p>50</p>
                  
                  <p>51</p>
                  
                  <p>52</p>
                  
                  <p>53</p>
                  
                  <p>54</p>
                  
                  <p>55</p>
                  
                  <p>56</p>
                  
                  <p>57</p>
                  
                  <p>58</p>
                  
                  <p>59</p>
                  
                  <p>60</p>
                  
                  <p>61</p>
                  
                  <p>62</p>
                  
                  <p>63</p>
                  
                  <p>64</p>
                  
                  <p>65</p>
                  
                  <p>66</p>
                  
                  <p>67</p>
                  
                  <p>68</p>
                  
                  <p>69</p>
                  
                  <p>70</p>
                  
                  <p>71</p>
                  
                  <p>72</p>
                  
                  <p>73</p>
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                  <p>100</p>
                  
                  <p>101</p>
                  
                  <p>102</p>
                  
                  <p>103</p>
                  
                  <p>104</p>
                  
                  <p>105</p>
                  
                  <p>106</p>
                  
                  <p>107</p>
                  
                  <p>108</p>
                  
                  <p>109</p>
                  
                  <p>110</p>
                  
                  <p>111</p>
                  
                  <p>112</p>
                  
                  <p>113</p>
                  
                  <p>114</p>
                  
                  <p>115</p>
                  
                  <p>116</p>
                  
                  <p>117</p>
                  
                  <p>118</p>
                  
                  <p>119</p>
                  
                  <p>120</p>
                  
                  <p>121</p>
                  
                  <p>122</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>1</p>
                  
                    <p>2</p>
                  
                    <p>3</p>
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                    <p>39</p>
                  
                    <p>40</p>
                  
                    <p>41</p>
                  
                    <p>42</p>
                  
                    <p>43</p>
                  
                    <p>44</p>
                  
                    <p>45</p>
                  
                    <p>46</p>
                  
                    <p>47</p>
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                    <p>54</p>
                  
                    <p>55</p>
                  
                    <p>56</p>
                  
                    <p>57</p>
                  
                    <p>58</p>
                  
                    <p>59</p>
                  
                    <p>60</p>
                  
                    <p>61</p>
                  
                    <p>62</p>
                  
                    <p>63</p>
                  
                    <p>64</p>
                  
                    <p>65</p>
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                    <p>100</p>
                  
                    <p>101</p>
                  
                    <p>102</p>
                  
                    <p>103</p>
                  
                    <p>104</p>
                  
                    <p>105</p>
                  
                    <p>106</p>
                  
                    <p>107</p>
                  
                    <p>108</p>
                  
                    <p>109</p>
                  
                    <p>110</p>
                  
                    <p>111</p>
                  
                    <p>112</p>
                  
                    <p>113</p>
                  
                    <p>114</p>
                  
                    <p>115</p>
                  
                    <p>116</p>
                  
                    <p>117</p>
                  
                    <p>118</p>
                  
                    <p>119</p>
                  
                    <p>120</p>
                  
                    <p>121</p>
                  
                    <p>122</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">&lt;template&gt;
  &lt;view class=&#34;tab&#34; :style=&#34;{ height: `${height}px` }&#34;&gt;
    &lt;scroll-view scroll-y class=&#34;tab__bars&#34;&gt;
      &lt;view
        v-for=&#34;(tab, idx) in tabs&#34;
        :key=&#34;tab.title&#34;
        :class=&#34;[
          &#39;tab__bars__item&#39;,
          idx == activeTab ? &#39;tab__bars__item--active&#39; : &#39;&#39;,
          isUseOrange &amp;&amp; &#39;tab__bars__item--active--orange&#39;
        ]&#34;
        @tap.stop=&#34;selected(idx)&#34;
      &gt;
        {{ tab.title }}
      &lt;/view&gt;
    &lt;/scroll-view&gt;
    &lt;slot&gt;&lt;/slot&gt;
  &lt;/view&gt;
&lt;/template&gt;

&lt;script lang=&#34;ts&#34;&gt;
export default {
  name: &#39;tab&#39;,
  props: {
    tabs: {
      type: Array,
      default: [],
    },
    active: {
      type: [Number, String],
      default: 0,
    },
    height: {
      type: [Number, String],
      default: 0,
    }
  },
  data() {
    return {}
  },
  computed: {
    activeTab: {
      get() {
        return Number(this.active)
      },
      set(v) {
        this.$emit(&#39;update:active&#39;, v)
      },
    },
  },
  methods: {
    selected(idx) {
      this.activeTab = idx
      this.$emit(&#39;avtiveChange&#39;, idx)
    },
  },
}
&lt;/script&gt;

&lt;style lang=&#34;scss&#34;&gt;
.tab {
  display: flex;
  height: 200px;
  justify-content: flex-start;

  .tab__bars {
    height: 100%;
    width: 100px;
    flex-basis: 100px;
    text-align: center;
    overflow: auto;
    border-radius: 0px 6px 0px 0px;
    background-color: #F5F7FA;

    .tab__bars__item {
      box-sizing: border-box;
      height: 48px;
      font-size: 14px;
      font-weight: 600;
      line-height: 48px;
      text-align: center;
      color: $black-1;
    }
    .tab__bars__item--active {
      background-color: $bg-color;
      color: $blue;
      position: relative;
      &amp;:first-child{
        &amp;::before{
          background-image: none;
        }
      }
      &amp;::before, &amp;::after {
        content: &#39; &#39;;
        width: 6px;
        height: 6px;
        position: absolute;
        background-color: #fff;
        right: 0px;
        z-index: 2;
      }
      &amp;::before {
        background-image: radial-gradient(circle at left top,#F5F7FA, #F5F7FA 6px, #fff 6px);
        top: -6px;
      }
      &amp;::after {
        background-image: radial-gradient(circle at left bottom,#F5F7FA, #F5F7FA 6px, #fff 6px);
        bottom: -6px;
      }
    }
    .tab__bars__item--active--orange {
      background-color: rgba(241, 102, 34, 0.1);
      color: $color-highlight;
    }
  }
  .tab__container {
    height: 100%;
    flex: 1;
    overflow: auto;
  }
}
&lt;/style&gt;</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/order-confirm/components/confirm-order/appointment-time-picker-confirm/date-picker-big/sub-title.vue [62:3
                  - 95:13]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/appointment-time-picker-confirm1/date-picker-big/sub-title.vue [65:3
                  - 98:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>62</p>
                  
                  <p>63</p>
                  
                  <p>64</p>
                  
                  <p>65</p>
                  
                  <p>66</p>
                  
                  <p>67</p>
                  
                  <p>68</p>
                  
                  <p>69</p>
                  
                  <p>70</p>
                  
                  <p>71</p>
                  
                  <p>72</p>
                  
                  <p>73</p>
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>65</p>
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">box-sizing: border-box;
  height: 32px;
  position: relative;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.header-sub-title-blueline {
  background: #fafbfc;
  border: 1px solid #d8deeb;
}
.header-sub-title-lightorange {
  border: 1px solid rgba(241, 102, 34, 0.1);
  background: #ffffff;
}
.tag {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -6px;
  z-index: 2;
  font-weight: 400;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding-right: 6px;
  height: 16px;
  line-height: 1;
  box-sizing: border-box;
  font-style: italic;
  font-family:</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/order-home/components/appointment-time-picker/date-picker-big/tab.vue [1:1
                  - 122:2]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/appointment-time-picker-confirm1/date-picker-big/tab.vue [1:1
                  - 122:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                  <p>32</p>
                  
                  <p>33</p>
                  
                  <p>34</p>
                  
                  <p>35</p>
                  
                  <p>36</p>
                  
                  <p>37</p>
                  
                  <p>38</p>
                  
                  <p>39</p>
                  
                  <p>40</p>
                  
                  <p>41</p>
                  
                  <p>42</p>
                  
                  <p>43</p>
                  
                  <p>44</p>
                  
                  <p>45</p>
                  
                  <p>46</p>
                  
                  <p>47</p>
                  
                  <p>48</p>
                  
                  <p>49</p>
                  
                  <p>50</p>
                  
                  <p>51</p>
                  
                  <p>52</p>
                  
                  <p>53</p>
                  
                  <p>54</p>
                  
                  <p>55</p>
                  
                  <p>56</p>
                  
                  <p>57</p>
                  
                  <p>58</p>
                  
                  <p>59</p>
                  
                  <p>60</p>
                  
                  <p>61</p>
                  
                  <p>62</p>
                  
                  <p>63</p>
                  
                  <p>64</p>
                  
                  <p>65</p>
                  
                  <p>66</p>
                  
                  <p>67</p>
                  
                  <p>68</p>
                  
                  <p>69</p>
                  
                  <p>70</p>
                  
                  <p>71</p>
                  
                  <p>72</p>
                  
                  <p>73</p>
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                  <p>100</p>
                  
                  <p>101</p>
                  
                  <p>102</p>
                  
                  <p>103</p>
                  
                  <p>104</p>
                  
                  <p>105</p>
                  
                  <p>106</p>
                  
                  <p>107</p>
                  
                  <p>108</p>
                  
                  <p>109</p>
                  
                  <p>110</p>
                  
                  <p>111</p>
                  
                  <p>112</p>
                  
                  <p>113</p>
                  
                  <p>114</p>
                  
                  <p>115</p>
                  
                  <p>116</p>
                  
                  <p>117</p>
                  
                  <p>118</p>
                  
                  <p>119</p>
                  
                  <p>120</p>
                  
                  <p>121</p>
                  
                  <p>122</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>1</p>
                  
                    <p>2</p>
                  
                    <p>3</p>
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                    <p>39</p>
                  
                    <p>40</p>
                  
                    <p>41</p>
                  
                    <p>42</p>
                  
                    <p>43</p>
                  
                    <p>44</p>
                  
                    <p>45</p>
                  
                    <p>46</p>
                  
                    <p>47</p>
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                    <p>54</p>
                  
                    <p>55</p>
                  
                    <p>56</p>
                  
                    <p>57</p>
                  
                    <p>58</p>
                  
                    <p>59</p>
                  
                    <p>60</p>
                  
                    <p>61</p>
                  
                    <p>62</p>
                  
                    <p>63</p>
                  
                    <p>64</p>
                  
                    <p>65</p>
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                    <p>100</p>
                  
                    <p>101</p>
                  
                    <p>102</p>
                  
                    <p>103</p>
                  
                    <p>104</p>
                  
                    <p>105</p>
                  
                    <p>106</p>
                  
                    <p>107</p>
                  
                    <p>108</p>
                  
                    <p>109</p>
                  
                    <p>110</p>
                  
                    <p>111</p>
                  
                    <p>112</p>
                  
                    <p>113</p>
                  
                    <p>114</p>
                  
                    <p>115</p>
                  
                    <p>116</p>
                  
                    <p>117</p>
                  
                    <p>118</p>
                  
                    <p>119</p>
                  
                    <p>120</p>
                  
                    <p>121</p>
                  
                    <p>122</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">&lt;template&gt;
  &lt;view class=&#34;tab&#34; :style=&#34;{ height: `${height}px` }&#34;&gt;
    &lt;scroll-view scroll-y class=&#34;tab__bars&#34;&gt;
      &lt;view
        v-for=&#34;(tab, idx) in tabs&#34;
        :key=&#34;tab.title&#34;
        :class=&#34;[
          &#39;tab__bars__item&#39;,
          idx == activeTab ? &#39;tab__bars__item--active&#39; : &#39;&#39;,
          isUseOrange &amp;&amp; &#39;tab__bars__item--active--orange&#39;
        ]&#34;
        @tap.stop=&#34;selected(idx)&#34;
      &gt;
        {{ tab.title }}
      &lt;/view&gt;
    &lt;/scroll-view&gt;
    &lt;slot&gt;&lt;/slot&gt;
  &lt;/view&gt;
&lt;/template&gt;

&lt;script lang=&#34;ts&#34;&gt;
export default {
  name: &#39;tab&#39;,
  props: {
    tabs: {
      type: Array,
      default: [],
    },
    active: {
      type: [Number, String],
      default: 0,
    },
    height: {
      type: [Number, String],
      default: 0,
    }
  },
  data() {
    return {}
  },
  computed: {
    activeTab: {
      get() {
        return Number(this.active)
      },
      set(v) {
        this.$emit(&#39;update:active&#39;, v)
      },
    },
  },
  methods: {
    selected(idx) {
      this.activeTab = idx
      this.$emit(&#39;avtiveChange&#39;, idx)
    },
  },
}
&lt;/script&gt;

&lt;style lang=&#34;scss&#34;&gt;
.tab {
  display: flex;
  height: 200px;
  justify-content: flex-start;

  .tab__bars {
    height: 100%;
    width: 100px;
    flex-basis: 100px;
    text-align: center;
    overflow: auto;
    border-radius: 0px 6px 0px 0px;
    background-color: #F5F7FA;

    .tab__bars__item {
      box-sizing: border-box;
      height: 48px;
      font-size: 14px;
      font-weight: 600;
      line-height: 48px;
      text-align: center;
      color: $black-1;
    }
    .tab__bars__item--active {
      background-color: $bg-color;
      color: $blue;
      position: relative;
      &amp;:first-child{
        &amp;::before{
          background-image: none;
        }
      }
      &amp;::before, &amp;::after {
        content: &#39; &#39;;
        width: 6px;
        height: 6px;
        position: absolute;
        background-color: #fff;
        right: 0px;
        z-index: 2;
      }
      &amp;::before {
        background-image: radial-gradient(circle at left top,#F5F7FA, #F5F7FA 6px, #fff 6px);
        top: -6px;
      }
      &amp;::after {
        background-image: radial-gradient(circle at left bottom,#F5F7FA, #F5F7FA 6px, #fff 6px);
        bottom: -6px;
      }
    }
    .tab__bars__item--active--orange {
      background-color: rgba(241, 102, 34, 0.1);
      color: $color-highlight;
    }
  }
  .tab__container {
    height: 100%;
    flex: 1;
    overflow: auto;
  }
}
&lt;/style&gt;</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/order-home/components/appointment-time-picker/date-picker-big/sub-title.vue [1:1
                  - 122:2]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/appointment-time-picker-confirm/date-picker-big/sub-title.vue [1:1
                  - 122:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                  <p>32</p>
                  
                  <p>33</p>
                  
                  <p>34</p>
                  
                  <p>35</p>
                  
                  <p>36</p>
                  
                  <p>37</p>
                  
                  <p>38</p>
                  
                  <p>39</p>
                  
                  <p>40</p>
                  
                  <p>41</p>
                  
                  <p>42</p>
                  
                  <p>43</p>
                  
                  <p>44</p>
                  
                  <p>45</p>
                  
                  <p>46</p>
                  
                  <p>47</p>
                  
                  <p>48</p>
                  
                  <p>49</p>
                  
                  <p>50</p>
                  
                  <p>51</p>
                  
                  <p>52</p>
                  
                  <p>53</p>
                  
                  <p>54</p>
                  
                  <p>55</p>
                  
                  <p>56</p>
                  
                  <p>57</p>
                  
                  <p>58</p>
                  
                  <p>59</p>
                  
                  <p>60</p>
                  
                  <p>61</p>
                  
                  <p>62</p>
                  
                  <p>63</p>
                  
                  <p>64</p>
                  
                  <p>65</p>
                  
                  <p>66</p>
                  
                  <p>67</p>
                  
                  <p>68</p>
                  
                  <p>69</p>
                  
                  <p>70</p>
                  
                  <p>71</p>
                  
                  <p>72</p>
                  
                  <p>73</p>
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                  <p>100</p>
                  
                  <p>101</p>
                  
                  <p>102</p>
                  
                  <p>103</p>
                  
                  <p>104</p>
                  
                  <p>105</p>
                  
                  <p>106</p>
                  
                  <p>107</p>
                  
                  <p>108</p>
                  
                  <p>109</p>
                  
                  <p>110</p>
                  
                  <p>111</p>
                  
                  <p>112</p>
                  
                  <p>113</p>
                  
                  <p>114</p>
                  
                  <p>115</p>
                  
                  <p>116</p>
                  
                  <p>117</p>
                  
                  <p>118</p>
                  
                  <p>119</p>
                  
                  <p>120</p>
                  
                  <p>121</p>
                  
                  <p>122</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>1</p>
                  
                    <p>2</p>
                  
                    <p>3</p>
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                    <p>39</p>
                  
                    <p>40</p>
                  
                    <p>41</p>
                  
                    <p>42</p>
                  
                    <p>43</p>
                  
                    <p>44</p>
                  
                    <p>45</p>
                  
                    <p>46</p>
                  
                    <p>47</p>
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                    <p>54</p>
                  
                    <p>55</p>
                  
                    <p>56</p>
                  
                    <p>57</p>
                  
                    <p>58</p>
                  
                    <p>59</p>
                  
                    <p>60</p>
                  
                    <p>61</p>
                  
                    <p>62</p>
                  
                    <p>63</p>
                  
                    <p>64</p>
                  
                    <p>65</p>
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                    <p>100</p>
                  
                    <p>101</p>
                  
                    <p>102</p>
                  
                    <p>103</p>
                  
                    <p>104</p>
                  
                    <p>105</p>
                  
                    <p>106</p>
                  
                    <p>107</p>
                  
                    <p>108</p>
                  
                    <p>109</p>
                  
                    <p>110</p>
                  
                    <p>111</p>
                  
                    <p>112</p>
                  
                    <p>113</p>
                  
                    <p>114</p>
                  
                    <p>115</p>
                  
                    <p>116</p>
                  
                    <p>117</p>
                  
                    <p>118</p>
                  
                    <p>119</p>
                  
                    <p>120</p>
                  
                    <p>121</p>
                  
                    <p>122</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">&lt;template&gt;
  &lt;view
    :class=&#34;[
      &#39;header-base-sub-title&#39;,
      &#39;header-sub-title-lightorange&#39;,
    ]&#34;
  &gt;
    &lt;!-- 价格显示 --&gt;
    &lt;view
      v-for=&#34;(oItem, index) in appointmentData&#34;
      :key=&#34;index&#34;
      :class=&#34;&#39;sub&#39; + (index + 1)&#34;
    &gt;
      {{ transform(oItem.after_hours) }}&lt;text class=&#34;txt-orange&#34;&gt;{{ oItem.price_info.final_price | filterPriceYuan }}元&lt;/text&gt;
    &lt;/view&gt;
    &lt;view :class=&#34;[&#39;tag&#39;, &#39;orange-tag&#39;]&#34;&gt;预约特惠&lt;/view&gt;
  &lt;/view&gt;
&lt;/template&gt;

&lt;script lang=&#34;ts&#34;&gt;
import { fenToYuan } from &#39;@/uni-business/common/utils/tools&#39;;

export default {
  name: &#39;DatePickerBigSubTitle&#39;,
  props: {
    // 预约特惠数据
    appointmentData: {
      type: Array,
      default: () =&gt; [],
    },
  },
  filters: {
    filterPriceYuan: function (value) {
      if (value) {
        return fenToYuan(value);
      }
      return 0;
    },
  },
  methods: {
    transform(seconds) {
      const minutes = seconds / 60
      return Number((minutes / 60).toFixed(1)) + &#39;小时后&#39;
    }
  }
};
&lt;/script&gt;

&lt;style lang=&#34;scss&#34; scoped&gt;
@import &#39;@/uni-business/common/scss/mixin.scss&#39;;
@font-face {
  font-family: &#39;Alibaba PuHuiTi 2.0 Heavy&#39;;
  src: url(&#39;https://static.huolala.cn/image/feac3777bba22a8f8276eb352e3751fd01689f53.ttf&#39;) format(&#39;truetype&#39;);
}
@font-face {
  font-family: &#39;Alibaba PuHuiTi 2.0&#39;;
  src: url(&#39;https://static.huolala.cn/image/7b2c69b5e4bf1636ead1ac49aeff09e88fb19a1c.ttf&#39;) format(&#39;truetype&#39;);
}

.header-base-sub-title {
  margin: 10px 12px;
  box-sizing: border-box;
  height: 32px;
  position: relative;
  padding-left: 16px;
  display: flex;
  align-items: center;
  border-radius: 4px;
}
.header-sub-title-blueline {
  background: #fafbfc;
  border: 1px solid #d8deeb;
}
.header-sub-title-lightorange {
  border: 1px solid rgba(241, 102, 34, 0.1);
  background: #ffffff;
}
.tag {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -6px;
  z-index: 2;
  font-weight: 400;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding-right: 6px;
  height: 16px;
  line-height: 1;
  box-sizing: border-box;
  font-style: italic;
  font-family: &#39;Alibaba PuHuiTi 2.0&#39;;
}
.blue-tag {
  background: url(https://static.huolala.cn/image/5c7916d89123e7a112b3aa5a86a6e7e666eb7b44.png) no-repeat;
  background-size: 100% 100%;
  width: 40px;
}
.orange-tag {
  background: url(https://static.huolala.cn/image/1c27f060da98bb28e1e77a9502bfb460f67c3400.png) no-repeat;
  background-size: 100% 100%;
  width: 49px;
}
.sub1,
.sub2 {
  color: $black-1;
  font-size: 12px;
  font-weight: 600;
}
.sub2 {
  margin-left: 17px;
  &amp; text {
    color: $color-highlight;
  }
}
.txt-orange {
  color: $color-highlight;
}
&lt;/style&gt;</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/order-home/components/vehicle-navbar.vue [1:1
                  - 21:5]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-navbar.vue [1:1
                  - 21:5]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>1</p>
                  
                    <p>2</p>
                  
                    <p>3</p>
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">&lt;template&gt;
  &lt;!-- 自定导航头 --&gt;
  &lt;view :class=&#34;[&#39;nav-bar&#39;, { white }]&#34; :style=&#34;{ height: `${navHeight}px` }&#34;&gt;
    &lt;view class=&#34;nav-bar--flex&#34;&gt;
      &lt;!-- 占高 --&gt;
      &lt;view
        class=&#34;nav-bar__status-bar&#34;
        :style=&#34;{ height: `${phoneInfo.statusBarHeight}px` }&#34;
      &gt;&lt;/view&gt;
      &lt;!-- 导航主体 --&gt;
      &lt;view class=&#34;nav-bar__body&#34;&gt;
        &lt;!-- 左边回退 --&gt;
        &lt;view class=&#34;nav-bar__back&#34; @click=&#34;handleBack&#34;&gt;
          &lt;image
            :src=&#34;`${white ? blackIcon : whiteIcon}`&#34;
            mode=&#34;scaleToFill&#34;
            class=&#34;nav-bar__back__img&#34;
          /&gt;
        &lt;/view&gt;
        &lt;!-- 中间自定图 --&gt;
        &lt;view class=&#34;nav-bar__title&#34;&gt;用车拉货</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/order-home/components/vehicle-navbar.vue [53:3
                  - 121:2]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-navbar.vue [48:3
                  - 116:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>53</p>
                  
                  <p>54</p>
                  
                  <p>55</p>
                  
                  <p>56</p>
                  
                  <p>57</p>
                  
                  <p>58</p>
                  
                  <p>59</p>
                  
                  <p>60</p>
                  
                  <p>61</p>
                  
                  <p>62</p>
                  
                  <p>63</p>
                  
                  <p>64</p>
                  
                  <p>65</p>
                  
                  <p>66</p>
                  
                  <p>67</p>
                  
                  <p>68</p>
                  
                  <p>69</p>
                  
                  <p>70</p>
                  
                  <p>71</p>
                  
                  <p>72</p>
                  
                  <p>73</p>
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                  <p>100</p>
                  
                  <p>101</p>
                  
                  <p>102</p>
                  
                  <p>103</p>
                  
                  <p>104</p>
                  
                  <p>105</p>
                  
                  <p>106</p>
                  
                  <p>107</p>
                  
                  <p>108</p>
                  
                  <p>109</p>
                  
                  <p>110</p>
                  
                  <p>111</p>
                  
                  <p>112</p>
                  
                  <p>113</p>
                  
                  <p>114</p>
                  
                  <p>115</p>
                  
                  <p>116</p>
                  
                  <p>117</p>
                  
                  <p>118</p>
                  
                  <p>119</p>
                  
                  <p>120</p>
                  
                  <p>121</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                    <p>54</p>
                  
                    <p>55</p>
                  
                    <p>56</p>
                  
                    <p>57</p>
                  
                    <p>58</p>
                  
                    <p>59</p>
                  
                    <p>60</p>
                  
                    <p>61</p>
                  
                    <p>62</p>
                  
                    <p>63</p>
                  
                    <p>64</p>
                  
                    <p>65</p>
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                    <p>100</p>
                  
                    <p>101</p>
                  
                    <p>102</p>
                  
                    <p>103</p>
                  
                    <p>104</p>
                  
                    <p>105</p>
                  
                    <p>106</p>
                  
                    <p>107</p>
                  
                    <p>108</p>
                  
                    <p>109</p>
                  
                    <p>110</p>
                  
                    <p>111</p>
                  
                    <p>112</p>
                  
                    <p>113</p>
                  
                    <p>114</p>
                  
                    <p>115</p>
                  
                    <p>116</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">},
  computed: {
    ...mapGetters([&#39;phoneInfo&#39;]),
    navHeight() {
      const statusBarHeight = this.phoneInfo.statusBarHeight || 0;
      return statusBarHeight + navigateBarHeight;
    },
  },
  methods: {
    handleBack() {
      uni.navigateBack();
    },
  },
};
&lt;/script&gt;

&lt;style lang=&#34;scss&#34; scoped&gt;
.nav-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #6377c0;
  z-index: 10071;
  &amp;.white {
    background-color: #fff;
    .nav-bar__title {
      color: #0f1229;
    }
  }
}
.nav-bar--flex {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.nav-bar__status-bar {
  // background-color: #fff;
}
.nav-bar__body {
  position: relative;
  flex: 1;
}
.nav-bar__back {
  position: absolute;
  left: 0;
  top: 50%;
  padding-left: 18px;
  transform: translateY(-50%);
}
.nav-bar__back__img {
  width: 24px;
  height: 24px;
}

.nav-bar__title {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 16px;
  font-weight: bolder;
}
.nav-bar__title__img {
  width: 105px;
  height: 24px;
}
&lt;/style&gt;</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/order-home/components/date-picker-big-sub-title.vue [96:3
                  - 141:2]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/appointment-time-picker-confirm1/date-picker-big/sub-title.vue [79:3
                  - 124:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                  <p>100</p>
                  
                  <p>101</p>
                  
                  <p>102</p>
                  
                  <p>103</p>
                  
                  <p>104</p>
                  
                  <p>105</p>
                  
                  <p>106</p>
                  
                  <p>107</p>
                  
                  <p>108</p>
                  
                  <p>109</p>
                  
                  <p>110</p>
                  
                  <p>111</p>
                  
                  <p>112</p>
                  
                  <p>113</p>
                  
                  <p>114</p>
                  
                  <p>115</p>
                  
                  <p>116</p>
                  
                  <p>117</p>
                  
                  <p>118</p>
                  
                  <p>119</p>
                  
                  <p>120</p>
                  
                  <p>121</p>
                  
                  <p>122</p>
                  
                  <p>123</p>
                  
                  <p>124</p>
                  
                  <p>125</p>
                  
                  <p>126</p>
                  
                  <p>127</p>
                  
                  <p>128</p>
                  
                  <p>129</p>
                  
                  <p>130</p>
                  
                  <p>131</p>
                  
                  <p>132</p>
                  
                  <p>133</p>
                  
                  <p>134</p>
                  
                  <p>135</p>
                  
                  <p>136</p>
                  
                  <p>137</p>
                  
                  <p>138</p>
                  
                  <p>139</p>
                  
                  <p>140</p>
                  
                  <p>141</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                    <p>100</p>
                  
                    <p>101</p>
                  
                    <p>102</p>
                  
                    <p>103</p>
                  
                    <p>104</p>
                  
                    <p>105</p>
                  
                    <p>106</p>
                  
                    <p>107</p>
                  
                    <p>108</p>
                  
                    <p>109</p>
                  
                    <p>110</p>
                  
                    <p>111</p>
                  
                    <p>112</p>
                  
                    <p>113</p>
                  
                    <p>114</p>
                  
                    <p>115</p>
                  
                    <p>116</p>
                  
                    <p>117</p>
                  
                    <p>118</p>
                  
                    <p>119</p>
                  
                    <p>120</p>
                  
                    <p>121</p>
                  
                    <p>122</p>
                  
                    <p>123</p>
                  
                    <p>124</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">background: #ffffff;
}
.tag {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -6px;
  z-index: 2;
  font-weight: 400;
  font-size: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  padding-right: 6px;
  height: 16px;
  line-height: 1;
  box-sizing: border-box;
  font-style: italic;
}
.blue-tag {
  background: url(https://static.huolala.cn/image/5c7916d89123e7a112b3aa5a86a6e7e666eb7b44.png) no-repeat;
  background-size: 100% 100%;
  width: 40px;
}
.orange-tag {
  background: url(https://static.huolala.cn/image/1c27f060da98bb28e1e77a9502bfb460f67c3400.png) no-repeat;
  background-size: 100% 100%;
  width: 49px;
}
.sub1,
.sub2 {
  color: $black-1;
  font-size: 14px;
  font-weight: 600;
}
.sub2 {
  margin-left: 17px;
  &amp; text {
    color: $color-highlight;
  }
}
.txt-orange {
  color: $color-highlight;
}
&lt;/style&gt;</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/order-home/components/change-time.vue [51:1
                  - 108:24]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/appointment-time-picker-confirm1/index.vue [29:1
                  - 86:10]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>51</p>
                  
                  <p>52</p>
                  
                  <p>53</p>
                  
                  <p>54</p>
                  
                  <p>55</p>
                  
                  <p>56</p>
                  
                  <p>57</p>
                  
                  <p>58</p>
                  
                  <p>59</p>
                  
                  <p>60</p>
                  
                  <p>61</p>
                  
                  <p>62</p>
                  
                  <p>63</p>
                  
                  <p>64</p>
                  
                  <p>65</p>
                  
                  <p>66</p>
                  
                  <p>67</p>
                  
                  <p>68</p>
                  
                  <p>69</p>
                  
                  <p>70</p>
                  
                  <p>71</p>
                  
                  <p>72</p>
                  
                  <p>73</p>
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                  <p>100</p>
                  
                  <p>101</p>
                  
                  <p>102</p>
                  
                  <p>103</p>
                  
                  <p>104</p>
                  
                  <p>105</p>
                  
                  <p>106</p>
                  
                  <p>107</p>
                  
                  <p>108</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                    <p>39</p>
                  
                    <p>40</p>
                  
                    <p>41</p>
                  
                    <p>42</p>
                  
                    <p>43</p>
                  
                    <p>44</p>
                  
                    <p>45</p>
                  
                    <p>46</p>
                  
                    <p>47</p>
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                    <p>54</p>
                  
                    <p>55</p>
                  
                    <p>56</p>
                  
                    <p>57</p>
                  
                    <p>58</p>
                  
                    <p>59</p>
                  
                    <p>60</p>
                  
                    <p>61</p>
                  
                    <p>62</p>
                  
                    <p>63</p>
                  
                    <p>64</p>
                  
                    <p>65</p>
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">import { getUseTimes } from &#39;@/uni-business/common/utils/tools&#39;;
import { mapGetters } from &#39;vuex&#39;;

export default {
  name: &#39;vehicleTimePicker&#39;,
  props: {
    // 大小车
    isBigVehicle: {
      type: Boolean,
      default: true,
    },
    hitOnePrice: {
      type: Boolean,
      default: true,
    },
    selectedTime: {
      type: Number,
      default: () =&gt; {
        return Date.now();
      },
    },
    useTimes: {
      type: Array,
      default: () =&gt; [],
    },
    // 时间选择器天数范围
    dateLength: {
      type: Number,
      default: 3,
    },
    // 当前时间，进行回显
    currentTime: {
      validator: (val) =&gt; {
        return typeof val === &#39;object&#39;;
      },
      required: true,
    },
    onePriceItemCalc: {
      type: Array,
      default: () =&gt; [],
    },
    festivalTagTxt: {
      type: String,
      default: &#39;&#39;,
    },
    existType107: {
      type: Boolean,
      default: false,
    },
    // 双一口价推荐时间
    doublePriceReserves: {
      type: Array,
      default: () =&gt; [],
    },
  },
  components: {
    DatePickerBig,
    DatePickerSmallVehicle,</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/home/components/vehicle-info.vue [1:1
                  - 33:5]
                </div>
                <div>
                  /pages/order-home/components/vehicle-info.vue [1:1
                  - 33:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                  <p>32</p>
                  
                  <p>33</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>1</p>
                  
                    <p>2</p>
                  
                    <p>3</p>
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">&lt;template&gt;
  &lt;!-- 车型信息组件 --&gt;
  &lt;div :class=&#34;[&#39;info-wrapper&#39;, { empty: !vehicleList.length }]&#34;&gt;
    &lt;template v-if=&#34;vehicleList.length&#34;&gt;
      &lt;swiper
        class=&#34;vehicle-info&#34;
        :current=&#34;selectedIndex&#34;
        @change=&#34;vehicleSwiperChange&#34;
        previous-margin=&#34;80px&#34;
        next-margin=&#34;80px&#34;
        easing-function=&#34;easeInOutCubic&#34;
      &gt;
        &lt;swiper-item
          v-for=&#34;(item, index) in vehicleList&#34;
          :id=&#34;&#39;vanIndex&#39; + index&#34;
          :key=&#34;index&#34;
          :data-index=&#34;index&#34;
          class=&#34;vehicle-info__item&#34;
          @click=&#34;vehicleSwiperTap&#34;
        &gt;
          &lt;view class=&#34;img-wrapper&#34; :style=&#34;{ opacity: getColor(index) }&#34;&gt;
            &lt;image
              class=&#34;car-img&#34;
              :lazy-load=&#34;true&#34;
              :src=&#34;item.image_url_high_light&#34;
              @click=&#34;$emit(&#39;openIntroduce&#39;, &#39;车型图片&#39;)&#34;
            &gt;&lt;/image&gt;
          &lt;/view&gt;
        &lt;/swiper-item&gt;
      &lt;/swiper&gt;

      &lt;view class=&#34;car-info&#34; @click=&#34;$emit(&#39;openIntroduce&#39;, &#39;车型信息&#39;)&#34;&gt;
        &lt;view class=&#34;info-title&#34;&gt;最小规格</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/home/components/vehicle-info.vue [74:3
                  - 124:4]
                </div>
                <div>
                  /pages/order-home/components/vehicle-info.vue [86:3
                  - 136:6]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                  <p>100</p>
                  
                  <p>101</p>
                  
                  <p>102</p>
                  
                  <p>103</p>
                  
                  <p>104</p>
                  
                  <p>105</p>
                  
                  <p>106</p>
                  
                  <p>107</p>
                  
                  <p>108</p>
                  
                  <p>109</p>
                  
                  <p>110</p>
                  
                  <p>111</p>
                  
                  <p>112</p>
                  
                  <p>113</p>
                  
                  <p>114</p>
                  
                  <p>115</p>
                  
                  <p>116</p>
                  
                  <p>117</p>
                  
                  <p>118</p>
                  
                  <p>119</p>
                  
                  <p>120</p>
                  
                  <p>121</p>
                  
                  <p>122</p>
                  
                  <p>123</p>
                  
                  <p>124</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                    <p>100</p>
                  
                    <p>101</p>
                  
                    <p>102</p>
                  
                    <p>103</p>
                  
                    <p>104</p>
                  
                    <p>105</p>
                  
                    <p>106</p>
                  
                    <p>107</p>
                  
                    <p>108</p>
                  
                    <p>109</p>
                  
                    <p>110</p>
                  
                    <p>111</p>
                  
                    <p>112</p>
                  
                    <p>113</p>
                  
                    <p>114</p>
                  
                    <p>115</p>
                  
                    <p>116</p>
                  
                    <p>117</p>
                  
                    <p>118</p>
                  
                    <p>119</p>
                  
                    <p>120</p>
                  
                    <p>121</p>
                  
                    <p>122</p>
                  
                    <p>123</p>
                  
                    <p>124</p>
                  
                    <p>125</p>
                  
                    <p>126</p>
                  
                    <p>127</p>
                  
                    <p>128</p>
                  
                    <p>129</p>
                  
                    <p>130</p>
                  
                    <p>131</p>
                  
                    <p>132</p>
                  
                    <p>133</p>
                  
                    <p>134</p>
                  
                    <p>135</p>
                  
                    <p>136</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">props: {
    vehicleList: {
      // 车型数据
      type: Array,
      default: () =&gt; [],
    },
    // 选中车型 index
    selectedIndex: {
      type: Number,
      default: 0,
    },
  },
  data() {
    return {
      price_text_item: {},
    };
  },
  computed: {
    currentCar() {
      return this.vehicleList[this.selectedIndex];
    },
    size() {
      if (!this.currentCar) return &#39;&#39;;
      const size = this.currentCar.vehicle_size;
      const length = size.find((item) =&gt; item.alias === &#39;车厢长&#39;);
      const width = size.find((item) =&gt; item.alias === &#39;车厢宽&#39;);
      const height = size.find((item) =&gt; item.alias === &#39;车厢高&#39;);
      return [
        isEmpty(length.min) ? &#39;-&#39; : length.min,
        isEmpty(width.min) ? &#39;-&#39; : width.min,
        isEmpty(height.min) ? &#39;-&#39; : height.min,
      ].join(&#39;×&#39;);
    },
    volume() {
      if (!this.currentCar) return &#39;&#39;;
      const size = this.currentCar.vehicle_size;
      const volume = size.find((item) =&gt; item.alias === &#39;载方&#39;);
      return isEmpty(volume.min) ? &#39;-&#39; : volume.min;
    },
    load() {
      if (!this.currentCar) return &#39;&#39;;
      const size = this.currentCar.vehicle_size;
      const load = size.find((item) =&gt; item.alias === &#39;载重&#39;);
      return isEmpty(load.min) ? &#39;-&#39; : load.min;
    },
  },
  watch: {},
  mounted() {},
  methods: {
    getColor(index) {
      let</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /uni-business/date-picker-big/tab.vue [1:1
                  - 122:2]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/appointment-time-picker-confirm1/date-picker-big/tab.vue [1:1
                  - 122:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                  <p>32</p>
                  
                  <p>33</p>
                  
                  <p>34</p>
                  
                  <p>35</p>
                  
                  <p>36</p>
                  
                  <p>37</p>
                  
                  <p>38</p>
                  
                  <p>39</p>
                  
                  <p>40</p>
                  
                  <p>41</p>
                  
                  <p>42</p>
                  
                  <p>43</p>
                  
                  <p>44</p>
                  
                  <p>45</p>
                  
                  <p>46</p>
                  
                  <p>47</p>
                  
                  <p>48</p>
                  
                  <p>49</p>
                  
                  <p>50</p>
                  
                  <p>51</p>
                  
                  <p>52</p>
                  
                  <p>53</p>
                  
                  <p>54</p>
                  
                  <p>55</p>
                  
                  <p>56</p>
                  
                  <p>57</p>
                  
                  <p>58</p>
                  
                  <p>59</p>
                  
                  <p>60</p>
                  
                  <p>61</p>
                  
                  <p>62</p>
                  
                  <p>63</p>
                  
                  <p>64</p>
                  
                  <p>65</p>
                  
                  <p>66</p>
                  
                  <p>67</p>
                  
                  <p>68</p>
                  
                  <p>69</p>
                  
                  <p>70</p>
                  
                  <p>71</p>
                  
                  <p>72</p>
                  
                  <p>73</p>
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                  <p>100</p>
                  
                  <p>101</p>
                  
                  <p>102</p>
                  
                  <p>103</p>
                  
                  <p>104</p>
                  
                  <p>105</p>
                  
                  <p>106</p>
                  
                  <p>107</p>
                  
                  <p>108</p>
                  
                  <p>109</p>
                  
                  <p>110</p>
                  
                  <p>111</p>
                  
                  <p>112</p>
                  
                  <p>113</p>
                  
                  <p>114</p>
                  
                  <p>115</p>
                  
                  <p>116</p>
                  
                  <p>117</p>
                  
                  <p>118</p>
                  
                  <p>119</p>
                  
                  <p>120</p>
                  
                  <p>121</p>
                  
                  <p>122</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>1</p>
                  
                    <p>2</p>
                  
                    <p>3</p>
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                    <p>39</p>
                  
                    <p>40</p>
                  
                    <p>41</p>
                  
                    <p>42</p>
                  
                    <p>43</p>
                  
                    <p>44</p>
                  
                    <p>45</p>
                  
                    <p>46</p>
                  
                    <p>47</p>
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                    <p>54</p>
                  
                    <p>55</p>
                  
                    <p>56</p>
                  
                    <p>57</p>
                  
                    <p>58</p>
                  
                    <p>59</p>
                  
                    <p>60</p>
                  
                    <p>61</p>
                  
                    <p>62</p>
                  
                    <p>63</p>
                  
                    <p>64</p>
                  
                    <p>65</p>
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                    <p>100</p>
                  
                    <p>101</p>
                  
                    <p>102</p>
                  
                    <p>103</p>
                  
                    <p>104</p>
                  
                    <p>105</p>
                  
                    <p>106</p>
                  
                    <p>107</p>
                  
                    <p>108</p>
                  
                    <p>109</p>
                  
                    <p>110</p>
                  
                    <p>111</p>
                  
                    <p>112</p>
                  
                    <p>113</p>
                  
                    <p>114</p>
                  
                    <p>115</p>
                  
                    <p>116</p>
                  
                    <p>117</p>
                  
                    <p>118</p>
                  
                    <p>119</p>
                  
                    <p>120</p>
                  
                    <p>121</p>
                  
                    <p>122</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">&lt;template&gt;
  &lt;view class=&#34;tab&#34; :style=&#34;{ height: `${height}px` }&#34;&gt;
    &lt;scroll-view scroll-y class=&#34;tab__bars&#34;&gt;
      &lt;view
        v-for=&#34;(tab, idx) in tabs&#34;
        :key=&#34;tab.title&#34;
        :class=&#34;[
          &#39;tab__bars__item&#39;,
          idx == activeTab ? &#39;tab__bars__item--active&#39; : &#39;&#39;,
          isUseOrange &amp;&amp; &#39;tab__bars__item--active--orange&#39;
        ]&#34;
        @tap.stop=&#34;selected(idx)&#34;
      &gt;
        {{ tab.title }}
      &lt;/view&gt;
    &lt;/scroll-view&gt;
    &lt;slot&gt;&lt;/slot&gt;
  &lt;/view&gt;
&lt;/template&gt;

&lt;script lang=&#34;ts&#34;&gt;
export default {
  name: &#39;tab&#39;,
  props: {
    tabs: {
      type: Array,
      default: [],
    },
    active: {
      type: [Number, String],
      default: 0,
    },
    height: {
      type: [Number, String],
      default: 0,
    }
  },
  data() {
    return {}
  },
  computed: {
    activeTab: {
      get() {
        return Number(this.active)
      },
      set(v) {
        this.$emit(&#39;update:active&#39;, v)
      },
    },
  },
  methods: {
    selected(idx) {
      this.activeTab = idx
      this.$emit(&#39;avtiveChange&#39;, idx)
    },
  },
}
&lt;/script&gt;

&lt;style lang=&#34;scss&#34;&gt;
.tab {
  display: flex;
  height: 200px;
  justify-content: flex-start;

  .tab__bars {
    height: 100%;
    width: 100px;
    flex-basis: 100px;
    text-align: center;
    overflow: auto;
    border-radius: 0px 6px 0px 0px;
    background-color: #F5F7FA;

    .tab__bars__item {
      box-sizing: border-box;
      height: 48px;
      font-size: 14px;
      font-weight: 600;
      line-height: 48px;
      text-align: center;
      color: $black-1;
    }
    .tab__bars__item--active {
      background-color: $bg-color;
      color: $blue;
      position: relative;
      &amp;:first-child{
        &amp;::before{
          background-image: none;
        }
      }
      &amp;::before, &amp;::after {
        content: &#39; &#39;;
        width: 6px;
        height: 6px;
        position: absolute;
        background-color: #fff;
        right: 0px;
        z-index: 2;
      }
      &amp;::before {
        background-image: radial-gradient(circle at left top,#F5F7FA, #F5F7FA 6px, #fff 6px);
        top: -6px;
      }
      &amp;::after {
        background-image: radial-gradient(circle at left bottom,#F5F7FA, #F5F7FA 6px, #fff 6px);
        bottom: -6px;
      }
    }
    .tab__bars__item--active--orange {
      background-color: rgba(241, 102, 34, 0.1);
      color: $color-highlight;
    }
  }
  .tab__container {
    height: 100%;
    flex: 1;
    overflow: auto;
  }
}
&lt;/style&gt;</code></pre>
              </article>
            </div>
          </div>
            
          
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/order-home/components/address-drag-list-lastest/mixin.scss [1:1
                  - 99:2]
                </div>
                <div>
                  /uni-business/common/scss/mixin.scss [1:1
                  - 99:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                  <p>32</p>
                  
                  <p>33</p>
                  
                  <p>34</p>
                  
                  <p>35</p>
                  
                  <p>36</p>
                  
                  <p>37</p>
                  
                  <p>38</p>
                  
                  <p>39</p>
                  
                  <p>40</p>
                  
                  <p>41</p>
                  
                  <p>42</p>
                  
                  <p>43</p>
                  
                  <p>44</p>
                  
                  <p>45</p>
                  
                  <p>46</p>
                  
                  <p>47</p>
                  
                  <p>48</p>
                  
                  <p>49</p>
                  
                  <p>50</p>
                  
                  <p>51</p>
                  
                  <p>52</p>
                  
                  <p>53</p>
                  
                  <p>54</p>
                  
                  <p>55</p>
                  
                  <p>56</p>
                  
                  <p>57</p>
                  
                  <p>58</p>
                  
                  <p>59</p>
                  
                  <p>60</p>
                  
                  <p>61</p>
                  
                  <p>62</p>
                  
                  <p>63</p>
                  
                  <p>64</p>
                  
                  <p>65</p>
                  
                  <p>66</p>
                  
                  <p>67</p>
                  
                  <p>68</p>
                  
                  <p>69</p>
                  
                  <p>70</p>
                  
                  <p>71</p>
                  
                  <p>72</p>
                  
                  <p>73</p>
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>1</p>
                  
                    <p>2</p>
                  
                    <p>3</p>
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                    <p>39</p>
                  
                    <p>40</p>
                  
                    <p>41</p>
                  
                    <p>42</p>
                  
                    <p>43</p>
                  
                    <p>44</p>
                  
                    <p>45</p>
                  
                    <p>46</p>
                  
                    <p>47</p>
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                    <p>54</p>
                  
                    <p>55</p>
                  
                    <p>56</p>
                  
                    <p>57</p>
                  
                    <p>58</p>
                  
                    <p>59</p>
                  
                    <p>60</p>
                  
                    <p>61</p>
                  
                    <p>62</p>
                  
                    <p>63</p>
                  
                    <p>64</p>
                  
                    <p>65</p>
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">@mixin half-border(
  $border-color: $border-color,
  $border-radius: 6px
) {
  position: relative;
  &amp;::after {
    content: &#34;&#34;;
    border-radius: $border-radius * 2;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid $border-color;
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: left top;
    pointer-events: none;
  }
}

@mixin shadow-card {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.04);
  margin: 0 12px 12px 12px;
}

@mixin safe-area-inset-bottom(
  $padding-bottom: 0,
) {
  padding-bottom: $padding-bottom;
  padding-bottom: calc(constant(safe-area-inset-bottom) + #{$padding-bottom});
  padding-bottom: calc(env(safe-area-inset-bottom) + #{$padding-bottom});
}

@mixin half-1px-line() {
  height: 1px;
  transform: scaleY(.5);
}

@mixin half-px-border(
  $type: bottom,
  $border-color: #000000
) {
  position: relative;
  &amp;::after {
    content: &#34;&#34;;
    position: absolute;
    background-color: $border-color;
    transform: scale(.5);
    transform-origin: left top;
    pointer-events: none;
    @if $type == top {
      left: 0;
      top: 0;
      height: 1px;
      width: 200%;
    } @else if $type == left {
      left: 0;
      top: 0;
      height: 200%;
      width: 1px;
    } @else if $type == right {
      right: 0;
      top: 0;
      height: 200%;
      width: 1px;
    } @else {
      left: 0;
      bottom: 0;
      height: 1px;
      width: 200%;
    }
  }
}

@mixin half-px-bottom-border(
  $border-color: #000000
) {
  @include half-px-border(bottom, $border-color)
}

@mixin half-px-top-border(
  $border-color: #000000
) {
  @include half-px-border(top, $border-color)
}

@mixin half-px-left-border(
  $border-color: #000000
) {
  @include half-px-border(left, $border-color)
}

@mixin half-px-right-border(
  $border-color: #000000
) {
  @include half-px-border(right, $border-color)
}</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/order-home/components/address-drag-list/mixin.scss [1:1
                  - 99:2]
                </div>
                <div>
                  /uni-business/common/scss/mixin.scss [1:1
                  - 99:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                  <p>32</p>
                  
                  <p>33</p>
                  
                  <p>34</p>
                  
                  <p>35</p>
                  
                  <p>36</p>
                  
                  <p>37</p>
                  
                  <p>38</p>
                  
                  <p>39</p>
                  
                  <p>40</p>
                  
                  <p>41</p>
                  
                  <p>42</p>
                  
                  <p>43</p>
                  
                  <p>44</p>
                  
                  <p>45</p>
                  
                  <p>46</p>
                  
                  <p>47</p>
                  
                  <p>48</p>
                  
                  <p>49</p>
                  
                  <p>50</p>
                  
                  <p>51</p>
                  
                  <p>52</p>
                  
                  <p>53</p>
                  
                  <p>54</p>
                  
                  <p>55</p>
                  
                  <p>56</p>
                  
                  <p>57</p>
                  
                  <p>58</p>
                  
                  <p>59</p>
                  
                  <p>60</p>
                  
                  <p>61</p>
                  
                  <p>62</p>
                  
                  <p>63</p>
                  
                  <p>64</p>
                  
                  <p>65</p>
                  
                  <p>66</p>
                  
                  <p>67</p>
                  
                  <p>68</p>
                  
                  <p>69</p>
                  
                  <p>70</p>
                  
                  <p>71</p>
                  
                  <p>72</p>
                  
                  <p>73</p>
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>1</p>
                  
                    <p>2</p>
                  
                    <p>3</p>
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                    <p>39</p>
                  
                    <p>40</p>
                  
                    <p>41</p>
                  
                    <p>42</p>
                  
                    <p>43</p>
                  
                    <p>44</p>
                  
                    <p>45</p>
                  
                    <p>46</p>
                  
                    <p>47</p>
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                    <p>54</p>
                  
                    <p>55</p>
                  
                    <p>56</p>
                  
                    <p>57</p>
                  
                    <p>58</p>
                  
                    <p>59</p>
                  
                    <p>60</p>
                  
                    <p>61</p>
                  
                    <p>62</p>
                  
                    <p>63</p>
                  
                    <p>64</p>
                  
                    <p>65</p>
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">@mixin half-border(
  $border-color: $border-color,
  $border-radius: 6px
) {
  position: relative;
  &amp;::after {
    content: &#34;&#34;;
    border-radius: $border-radius * 2;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid $border-color;
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: left top;
    pointer-events: none;
  }
}

@mixin shadow-card {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.04);
  margin: 0 12px 12px 12px;
}

@mixin safe-area-inset-bottom(
  $padding-bottom: 0,
) {
  padding-bottom: $padding-bottom;
  padding-bottom: calc(constant(safe-area-inset-bottom) + #{$padding-bottom});
  padding-bottom: calc(env(safe-area-inset-bottom) + #{$padding-bottom});
}

@mixin half-1px-line() {
  height: 1px;
  transform: scaleY(.5);
}

@mixin half-px-border(
  $type: bottom,
  $border-color: #000000
) {
  position: relative;
  &amp;::after {
    content: &#34;&#34;;
    position: absolute;
    background-color: $border-color;
    transform: scale(.5);
    transform-origin: left top;
    pointer-events: none;
    @if $type == top {
      left: 0;
      top: 0;
      height: 1px;
      width: 200%;
    } @else if $type == left {
      left: 0;
      top: 0;
      height: 200%;
      width: 1px;
    } @else if $type == right {
      right: 0;
      top: 0;
      height: 200%;
      width: 1px;
    } @else {
      left: 0;
      bottom: 0;
      height: 1px;
      width: 200%;
    }
  }
}

@mixin half-px-bottom-border(
  $border-color: #000000
) {
  @include half-px-border(bottom, $border-color)
}

@mixin half-px-top-border(
  $border-color: #000000
) {
  @include half-px-border(top, $border-color)
}

@mixin half-px-left-border(
  $border-color: #000000
) {
  @include half-px-border(left, $border-color)
}

@mixin half-px-right-border(
  $border-color: #000000
) {
  @include half-px-border(right, $border-color)
}</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/order-confirm/components/confirm-order/appointment-time-picker-confirm1/date-picker-big/mixin.scss [1:1
                  - 99:2]
                </div>
                <div>
                  /uni-business/common/scss/mixin.scss [1:1
                  - 99:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                  <p>32</p>
                  
                  <p>33</p>
                  
                  <p>34</p>
                  
                  <p>35</p>
                  
                  <p>36</p>
                  
                  <p>37</p>
                  
                  <p>38</p>
                  
                  <p>39</p>
                  
                  <p>40</p>
                  
                  <p>41</p>
                  
                  <p>42</p>
                  
                  <p>43</p>
                  
                  <p>44</p>
                  
                  <p>45</p>
                  
                  <p>46</p>
                  
                  <p>47</p>
                  
                  <p>48</p>
                  
                  <p>49</p>
                  
                  <p>50</p>
                  
                  <p>51</p>
                  
                  <p>52</p>
                  
                  <p>53</p>
                  
                  <p>54</p>
                  
                  <p>55</p>
                  
                  <p>56</p>
                  
                  <p>57</p>
                  
                  <p>58</p>
                  
                  <p>59</p>
                  
                  <p>60</p>
                  
                  <p>61</p>
                  
                  <p>62</p>
                  
                  <p>63</p>
                  
                  <p>64</p>
                  
                  <p>65</p>
                  
                  <p>66</p>
                  
                  <p>67</p>
                  
                  <p>68</p>
                  
                  <p>69</p>
                  
                  <p>70</p>
                  
                  <p>71</p>
                  
                  <p>72</p>
                  
                  <p>73</p>
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>1</p>
                  
                    <p>2</p>
                  
                    <p>3</p>
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                    <p>39</p>
                  
                    <p>40</p>
                  
                    <p>41</p>
                  
                    <p>42</p>
                  
                    <p>43</p>
                  
                    <p>44</p>
                  
                    <p>45</p>
                  
                    <p>46</p>
                  
                    <p>47</p>
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                    <p>54</p>
                  
                    <p>55</p>
                  
                    <p>56</p>
                  
                    <p>57</p>
                  
                    <p>58</p>
                  
                    <p>59</p>
                  
                    <p>60</p>
                  
                    <p>61</p>
                  
                    <p>62</p>
                  
                    <p>63</p>
                  
                    <p>64</p>
                  
                    <p>65</p>
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">@mixin half-border(
  $border-color: $border-color,
  $border-radius: 6px
) {
  position: relative;
  &amp;::after {
    content: &#34;&#34;;
    border-radius: $border-radius * 2;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid $border-color;
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: left top;
    pointer-events: none;
  }
}

@mixin shadow-card {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.04);
  margin: 0 12px 12px 12px;
}

@mixin safe-area-inset-bottom(
  $padding-bottom: 0,
) {
  padding-bottom: $padding-bottom;
  padding-bottom: calc(constant(safe-area-inset-bottom) + #{$padding-bottom});
  padding-bottom: calc(env(safe-area-inset-bottom) + #{$padding-bottom});
}

@mixin half-1px-line() {
  height: 1px;
  transform: scaleY(.5);
}

@mixin half-px-border(
  $type: bottom,
  $border-color: #000000
) {
  position: relative;
  &amp;::after {
    content: &#34;&#34;;
    position: absolute;
    background-color: $border-color;
    transform: scale(.5);
    transform-origin: left top;
    pointer-events: none;
    @if $type == top {
      left: 0;
      top: 0;
      height: 1px;
      width: 200%;
    } @else if $type == left {
      left: 0;
      top: 0;
      height: 200%;
      width: 1px;
    } @else if $type == right {
      right: 0;
      top: 0;
      height: 200%;
      width: 1px;
    } @else {
      left: 0;
      bottom: 0;
      height: 1px;
      width: 200%;
    }
  }
}

@mixin half-px-bottom-border(
  $border-color: #000000
) {
  @include half-px-border(bottom, $border-color)
}

@mixin half-px-top-border(
  $border-color: #000000
) {
  @include half-px-border(top, $border-color)
}

@mixin half-px-left-border(
  $border-color: #000000
) {
  @include half-px-border(left, $border-color)
}

@mixin half-px-right-border(
  $border-color: #000000
) {
  @include half-px-border(right, $border-color)
}</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/order-confirm/components/confirm-order/appointment-time-picker-confirm/date-picker-big/mixin.scss [1:1
                  - 99:2]
                </div>
                <div>
                  /uni-business/common/scss/mixin.scss [1:1
                  - 99:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                  <p>32</p>
                  
                  <p>33</p>
                  
                  <p>34</p>
                  
                  <p>35</p>
                  
                  <p>36</p>
                  
                  <p>37</p>
                  
                  <p>38</p>
                  
                  <p>39</p>
                  
                  <p>40</p>
                  
                  <p>41</p>
                  
                  <p>42</p>
                  
                  <p>43</p>
                  
                  <p>44</p>
                  
                  <p>45</p>
                  
                  <p>46</p>
                  
                  <p>47</p>
                  
                  <p>48</p>
                  
                  <p>49</p>
                  
                  <p>50</p>
                  
                  <p>51</p>
                  
                  <p>52</p>
                  
                  <p>53</p>
                  
                  <p>54</p>
                  
                  <p>55</p>
                  
                  <p>56</p>
                  
                  <p>57</p>
                  
                  <p>58</p>
                  
                  <p>59</p>
                  
                  <p>60</p>
                  
                  <p>61</p>
                  
                  <p>62</p>
                  
                  <p>63</p>
                  
                  <p>64</p>
                  
                  <p>65</p>
                  
                  <p>66</p>
                  
                  <p>67</p>
                  
                  <p>68</p>
                  
                  <p>69</p>
                  
                  <p>70</p>
                  
                  <p>71</p>
                  
                  <p>72</p>
                  
                  <p>73</p>
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>1</p>
                  
                    <p>2</p>
                  
                    <p>3</p>
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                    <p>39</p>
                  
                    <p>40</p>
                  
                    <p>41</p>
                  
                    <p>42</p>
                  
                    <p>43</p>
                  
                    <p>44</p>
                  
                    <p>45</p>
                  
                    <p>46</p>
                  
                    <p>47</p>
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                    <p>54</p>
                  
                    <p>55</p>
                  
                    <p>56</p>
                  
                    <p>57</p>
                  
                    <p>58</p>
                  
                    <p>59</p>
                  
                    <p>60</p>
                  
                    <p>61</p>
                  
                    <p>62</p>
                  
                    <p>63</p>
                  
                    <p>64</p>
                  
                    <p>65</p>
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">@mixin half-border(
  $border-color: $border-color,
  $border-radius: 6px
) {
  position: relative;
  &amp;::after {
    content: &#34;&#34;;
    border-radius: $border-radius * 2;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid $border-color;
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: left top;
    pointer-events: none;
  }
}

@mixin shadow-card {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.04);
  margin: 0 12px 12px 12px;
}

@mixin safe-area-inset-bottom(
  $padding-bottom: 0,
) {
  padding-bottom: $padding-bottom;
  padding-bottom: calc(constant(safe-area-inset-bottom) + #{$padding-bottom});
  padding-bottom: calc(env(safe-area-inset-bottom) + #{$padding-bottom});
}

@mixin half-1px-line() {
  height: 1px;
  transform: scaleY(.5);
}

@mixin half-px-border(
  $type: bottom,
  $border-color: #000000
) {
  position: relative;
  &amp;::after {
    content: &#34;&#34;;
    position: absolute;
    background-color: $border-color;
    transform: scale(.5);
    transform-origin: left top;
    pointer-events: none;
    @if $type == top {
      left: 0;
      top: 0;
      height: 1px;
      width: 200%;
    } @else if $type == left {
      left: 0;
      top: 0;
      height: 200%;
      width: 1px;
    } @else if $type == right {
      right: 0;
      top: 0;
      height: 200%;
      width: 1px;
    } @else {
      left: 0;
      bottom: 0;
      height: 1px;
      width: 200%;
    }
  }
}

@mixin half-px-bottom-border(
  $border-color: #000000
) {
  @include half-px-border(bottom, $border-color)
}

@mixin half-px-top-border(
  $border-color: #000000
) {
  @include half-px-border(top, $border-color)
}

@mixin half-px-left-border(
  $border-color: #000000
) {
  @include half-px-border(left, $border-color)
}

@mixin half-px-right-border(
  $border-color: #000000
) {
  @include half-px-border(right, $border-color)
}</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/order-home/components/appointment-time-picker/date-picker-big/mixin.scss [1:1
                  - 99:2]
                </div>
                <div>
                  /uni-business/common/scss/mixin.scss [1:1
                  - 99:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                  <p>32</p>
                  
                  <p>33</p>
                  
                  <p>34</p>
                  
                  <p>35</p>
                  
                  <p>36</p>
                  
                  <p>37</p>
                  
                  <p>38</p>
                  
                  <p>39</p>
                  
                  <p>40</p>
                  
                  <p>41</p>
                  
                  <p>42</p>
                  
                  <p>43</p>
                  
                  <p>44</p>
                  
                  <p>45</p>
                  
                  <p>46</p>
                  
                  <p>47</p>
                  
                  <p>48</p>
                  
                  <p>49</p>
                  
                  <p>50</p>
                  
                  <p>51</p>
                  
                  <p>52</p>
                  
                  <p>53</p>
                  
                  <p>54</p>
                  
                  <p>55</p>
                  
                  <p>56</p>
                  
                  <p>57</p>
                  
                  <p>58</p>
                  
                  <p>59</p>
                  
                  <p>60</p>
                  
                  <p>61</p>
                  
                  <p>62</p>
                  
                  <p>63</p>
                  
                  <p>64</p>
                  
                  <p>65</p>
                  
                  <p>66</p>
                  
                  <p>67</p>
                  
                  <p>68</p>
                  
                  <p>69</p>
                  
                  <p>70</p>
                  
                  <p>71</p>
                  
                  <p>72</p>
                  
                  <p>73</p>
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>1</p>
                  
                    <p>2</p>
                  
                    <p>3</p>
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                    <p>39</p>
                  
                    <p>40</p>
                  
                    <p>41</p>
                  
                    <p>42</p>
                  
                    <p>43</p>
                  
                    <p>44</p>
                  
                    <p>45</p>
                  
                    <p>46</p>
                  
                    <p>47</p>
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                    <p>54</p>
                  
                    <p>55</p>
                  
                    <p>56</p>
                  
                    <p>57</p>
                  
                    <p>58</p>
                  
                    <p>59</p>
                  
                    <p>60</p>
                  
                    <p>61</p>
                  
                    <p>62</p>
                  
                    <p>63</p>
                  
                    <p>64</p>
                  
                    <p>65</p>
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">@mixin half-border(
  $border-color: $border-color,
  $border-radius: 6px
) {
  position: relative;
  &amp;::after {
    content: &#34;&#34;;
    border-radius: $border-radius * 2;
    position: absolute;
    left: 0;
    top: 0;
    border: 1px solid $border-color;
    width: 200%;
    height: 200%;
    transform: scale(.5);
    transform-origin: left top;
    pointer-events: none;
  }
}

@mixin shadow-card {
  background-color: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.04);
  margin: 0 12px 12px 12px;
}

@mixin safe-area-inset-bottom(
  $padding-bottom: 0,
) {
  padding-bottom: $padding-bottom;
  padding-bottom: calc(constant(safe-area-inset-bottom) + #{$padding-bottom});
  padding-bottom: calc(env(safe-area-inset-bottom) + #{$padding-bottom});
}

@mixin half-1px-line() {
  height: 1px;
  transform: scaleY(.5);
}

@mixin half-px-border(
  $type: bottom,
  $border-color: #000000
) {
  position: relative;
  &amp;::after {
    content: &#34;&#34;;
    position: absolute;
    background-color: $border-color;
    transform: scale(.5);
    transform-origin: left top;
    pointer-events: none;
    @if $type == top {
      left: 0;
      top: 0;
      height: 1px;
      width: 200%;
    } @else if $type == left {
      left: 0;
      top: 0;
      height: 200%;
      width: 1px;
    } @else if $type == right {
      right: 0;
      top: 0;
      height: 200%;
      width: 1px;
    } @else {
      left: 0;
      bottom: 0;
      height: 1px;
      width: 200%;
    }
  }
}

@mixin half-px-bottom-border(
  $border-color: #000000
) {
  @include half-px-border(bottom, $border-color)
}

@mixin half-px-top-border(
  $border-color: #000000
) {
  @include half-px-border(top, $border-color)
}

@mixin half-px-left-border(
  $border-color: #000000
) {
  @include half-px-border(left, $border-color)
}

@mixin half-px-right-border(
  $border-color: #000000
) {
  @include half-px-border(right, $border-color)
}</code></pre>
              </article>
            </div>
          </div>
            
          
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/order-confirm/components/confirm-order/appointment-time-picker-confirm/date-picker-big/method.js [1:1
                  - 81:2]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/appointment-time-picker-confirm1/date-picker-big/method.js [1:1
                  - 81:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                  <p>32</p>
                  
                  <p>33</p>
                  
                  <p>34</p>
                  
                  <p>35</p>
                  
                  <p>36</p>
                  
                  <p>37</p>
                  
                  <p>38</p>
                  
                  <p>39</p>
                  
                  <p>40</p>
                  
                  <p>41</p>
                  
                  <p>42</p>
                  
                  <p>43</p>
                  
                  <p>44</p>
                  
                  <p>45</p>
                  
                  <p>46</p>
                  
                  <p>47</p>
                  
                  <p>48</p>
                  
                  <p>49</p>
                  
                  <p>50</p>
                  
                  <p>51</p>
                  
                  <p>52</p>
                  
                  <p>53</p>
                  
                  <p>54</p>
                  
                  <p>55</p>
                  
                  <p>56</p>
                  
                  <p>57</p>
                  
                  <p>58</p>
                  
                  <p>59</p>
                  
                  <p>60</p>
                  
                  <p>61</p>
                  
                  <p>62</p>
                  
                  <p>63</p>
                  
                  <p>64</p>
                  
                  <p>65</p>
                  
                  <p>66</p>
                  
                  <p>67</p>
                  
                  <p>68</p>
                  
                  <p>69</p>
                  
                  <p>70</p>
                  
                  <p>71</p>
                  
                  <p>72</p>
                  
                  <p>73</p>
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>1</p>
                  
                    <p>2</p>
                  
                    <p>3</p>
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                    <p>39</p>
                  
                    <p>40</p>
                  
                    <p>41</p>
                  
                    <p>42</p>
                  
                    <p>43</p>
                  
                    <p>44</p>
                  
                    <p>45</p>
                  
                    <p>46</p>
                  
                    <p>47</p>
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                    <p>54</p>
                  
                    <p>55</p>
                  
                    <p>56</p>
                  
                    <p>57</p>
                  
                    <p>58</p>
                  
                    <p>59</p>
                  
                    <p>60</p>
                  
                    <p>61</p>
                  
                    <p>62</p>
                  
                    <p>63</p>
                  
                    <p>64</p>
                  
                    <p>65</p>
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">/**
 * 比较两个日期相差几天
 *
 * @param {Date|number} source 比较的时间（标准时间）
 * @param {Date|number} target 被比较的时间（需要比较的时间）
 * @return {{
 * isYearSame: Boolean, // 年份是否相同
 * isMonthSame: Boolean, // 月份是否相同,
 * isDateSame: Boolean, // 日期是否相同,
 * sourceDate: Date, // 被比较日期的0点时间对象,
 * targetDate: Date, // 被比较日期的0点时间对象,
 * distance: Number // 相差几天
 * }}
 */
export function getDistanceBetweenTwoTime(source, target) {
  let isYearSame = false
  let isMonthSame = false
  let isDateSame = false
  let s = source
  let t = target
  if (!(source instanceof Date)) {
    s = new Date(source)
  }
  if (!(target instanceof Date)) {
    t = new Date(target)
  }
  isYearSame = s.getFullYear() === t.getFullYear()
  isMonthSame = s.getMonth() === t.getMonth()
  isDateSame = s.getDate() === t.getDate()
  let sourceDate = new Date(s.getFullYear(), s.getMonth(), s.getDate())
  let targetDate = new Date(t.getFullYear(), t.getMonth(), t.getDate())
  let distance =
    (targetDate.getTime() - sourceDate.getTime()) / (24 * 60 * 60 * 1000)

  return {
    isYearSame,
    isMonthSame,
    isDateSame,
    sourceDate,
    targetDate,
    distance,
  }
}

export const timestamp = (time) =&gt; {
  let str = time.toString()
  if(/\d{13}/.test(str)){
    return +time
  }
  if(/\d{10}/.test(str)){
    return +time * 1000
  }
  // error
  return 0
  
}

// 时间缀转换
export const timeToLocal = ({orderTime, isUseNow = false}) =&gt; {
  const iTodayMS = Math.floor(new Date().setHours(23,59,59,999) / 1000); // 今天最后时间点 秒
  const iTomorrow = iTodayMS + (24 * 60 * 60); // 明天最后时间点
  const oDate = new Date((+orderTime * 1000));
  const minutes10 = 10 * 60 * 1000; // 10分钟秒数
 
  let reVal = &#39;&#39;;
  const diffTime = orderTime * 1000 - Date.now();

  if(diffTime &gt; 0 &amp;&amp; diffTime &lt;= minutes10 &amp;&amp; isUseNow) {
    return &#39;现在&#39;;
  } else if(orderTime &lt; iTodayMS) {
    reVal = &#34;今天 &#34;;
  } else if (orderTime &gt; iTodayMS &amp;&amp; orderTime &lt; iTomorrow) {
    reVal = &#34;明天 &#34;;
  } else {
    reVal = `${oDate.getMonth() + 1}月${oDate.getDate()}日 `;
  }
  const iMinutes = oDate.getMinutes();
  const iHours = oDate.getHours();
  reVal += `${iHours &lt;= 9 ? &#39;0&#39;+iHours : iHours}:${iMinutes &lt;= 9 ? &#39;0&#39;+iMinutes : iMinutes}`;
  return reVal;
};</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/order-home/components/appointment-time-picker/date-picker-big/method.js [1:1
                  - 81:2]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/appointment-time-picker-confirm1/date-picker-big/method.js [1:1
                  - 81:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                  <p>32</p>
                  
                  <p>33</p>
                  
                  <p>34</p>
                  
                  <p>35</p>
                  
                  <p>36</p>
                  
                  <p>37</p>
                  
                  <p>38</p>
                  
                  <p>39</p>
                  
                  <p>40</p>
                  
                  <p>41</p>
                  
                  <p>42</p>
                  
                  <p>43</p>
                  
                  <p>44</p>
                  
                  <p>45</p>
                  
                  <p>46</p>
                  
                  <p>47</p>
                  
                  <p>48</p>
                  
                  <p>49</p>
                  
                  <p>50</p>
                  
                  <p>51</p>
                  
                  <p>52</p>
                  
                  <p>53</p>
                  
                  <p>54</p>
                  
                  <p>55</p>
                  
                  <p>56</p>
                  
                  <p>57</p>
                  
                  <p>58</p>
                  
                  <p>59</p>
                  
                  <p>60</p>
                  
                  <p>61</p>
                  
                  <p>62</p>
                  
                  <p>63</p>
                  
                  <p>64</p>
                  
                  <p>65</p>
                  
                  <p>66</p>
                  
                  <p>67</p>
                  
                  <p>68</p>
                  
                  <p>69</p>
                  
                  <p>70</p>
                  
                  <p>71</p>
                  
                  <p>72</p>
                  
                  <p>73</p>
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>1</p>
                  
                    <p>2</p>
                  
                    <p>3</p>
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                    <p>39</p>
                  
                    <p>40</p>
                  
                    <p>41</p>
                  
                    <p>42</p>
                  
                    <p>43</p>
                  
                    <p>44</p>
                  
                    <p>45</p>
                  
                    <p>46</p>
                  
                    <p>47</p>
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                    <p>54</p>
                  
                    <p>55</p>
                  
                    <p>56</p>
                  
                    <p>57</p>
                  
                    <p>58</p>
                  
                    <p>59</p>
                  
                    <p>60</p>
                  
                    <p>61</p>
                  
                    <p>62</p>
                  
                    <p>63</p>
                  
                    <p>64</p>
                  
                    <p>65</p>
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">/**
 * 比较两个日期相差几天
 *
 * @param {Date|number} source 比较的时间（标准时间）
 * @param {Date|number} target 被比较的时间（需要比较的时间）
 * @return {{
 * isYearSame: Boolean, // 年份是否相同
 * isMonthSame: Boolean, // 月份是否相同,
 * isDateSame: Boolean, // 日期是否相同,
 * sourceDate: Date, // 被比较日期的0点时间对象,
 * targetDate: Date, // 被比较日期的0点时间对象,
 * distance: Number // 相差几天
 * }}
 */
export function getDistanceBetweenTwoTime(source, target) {
  let isYearSame = false
  let isMonthSame = false
  let isDateSame = false
  let s = source
  let t = target
  if (!(source instanceof Date)) {
    s = new Date(source)
  }
  if (!(target instanceof Date)) {
    t = new Date(target)
  }
  isYearSame = s.getFullYear() === t.getFullYear()
  isMonthSame = s.getMonth() === t.getMonth()
  isDateSame = s.getDate() === t.getDate()
  let sourceDate = new Date(s.getFullYear(), s.getMonth(), s.getDate())
  let targetDate = new Date(t.getFullYear(), t.getMonth(), t.getDate())
  let distance =
    (targetDate.getTime() - sourceDate.getTime()) / (24 * 60 * 60 * 1000)

  return {
    isYearSame,
    isMonthSame,
    isDateSame,
    sourceDate,
    targetDate,
    distance,
  }
}

export const timestamp = (time) =&gt; {
  let str = time.toString()
  if(/\d{13}/.test(str)){
    return +time
  }
  if(/\d{10}/.test(str)){
    return +time * 1000
  }
  // error
  return 0
  
}

// 时间缀转换
export const timeToLocal = ({orderTime, isUseNow = false}) =&gt; {
  const iTodayMS = Math.floor(new Date().setHours(23,59,59,999) / 1000); // 今天最后时间点 秒
  const iTomorrow = iTodayMS + (24 * 60 * 60); // 明天最后时间点
  const oDate = new Date((+orderTime * 1000));
  const minutes10 = 10 * 60 * 1000; // 10分钟秒数
 
  let reVal = &#39;&#39;;
  const diffTime = orderTime * 1000 - Date.now();

  if(diffTime &gt; 0 &amp;&amp; diffTime &lt;= minutes10 &amp;&amp; isUseNow) {
    return &#39;现在&#39;;
  } else if(orderTime &lt; iTodayMS) {
    reVal = &#34;今天 &#34;;
  } else if (orderTime &gt; iTodayMS &amp;&amp; orderTime &lt; iTomorrow) {
    reVal = &#34;明天 &#34;;
  } else {
    reVal = `${oDate.getMonth() + 1}月${oDate.getDate()}日 `;
  }
  const iMinutes = oDate.getMinutes();
  const iHours = oDate.getHours();
  reVal += `${iHours &lt;= 9 ? &#39;0&#39;+iHours : iHours}:${iMinutes &lt;= 9 ? &#39;0&#39;+iMinutes : iMinutes}`;
  return reVal;
};</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /uni-business/common/utils/qqmap.js [123:7
                  - 148:6]
                </div>
                <div>
                  /uni-business/common/utils/qqmap.js [96:16
                  - 120:6]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>123</p>
                  
                  <p>124</p>
                  
                  <p>125</p>
                  
                  <p>126</p>
                  
                  <p>127</p>
                  
                  <p>128</p>
                  
                  <p>129</p>
                  
                  <p>130</p>
                  
                  <p>131</p>
                  
                  <p>132</p>
                  
                  <p>133</p>
                  
                  <p>134</p>
                  
                  <p>135</p>
                  
                  <p>136</p>
                  
                  <p>137</p>
                  
                  <p>138</p>
                  
                  <p>139</p>
                  
                  <p>140</p>
                  
                  <p>141</p>
                  
                  <p>142</p>
                  
                  <p>143</p>
                  
                  <p>144</p>
                  
                  <p>145</p>
                  
                  <p>146</p>
                  
                  <p>147</p>
                  
                  <p>148</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                    <p>100</p>
                  
                    <p>101</p>
                  
                    <p>102</p>
                  
                    <p>103</p>
                  
                    <p>104</p>
                  
                    <p>105</p>
                  
                    <p>106</p>
                  
                    <p>107</p>
                  
                    <p>108</p>
                  
                    <p>109</p>
                  
                    <p>110</p>
                  
                    <p>111</p>
                  
                    <p>112</p>
                  
                    <p>113</p>
                  
                    <p>114</p>
                  
                    <p>115</p>
                  
                    <p>116</p>
                  
                    <p>117</p>
                  
                    <p>118</p>
                  
                    <p>119</p>
                  
                    <p>120</p>
                  
                    <p>121</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">({
        ...options,
        success(res) {
          if (typeof options.success === &#39;function&#39;) {
            options.success(res)
          }
          if (res.status === 0) {
            resolve(res)
          } else {
            reject(res)
          }
        },
        fail(res) {
          if (typeof options.fail === &#39;function&#39;) {
            options.fail(res)
          }
          reject(res)
        }
      })
    })
  }

  /**
   * 腾讯地图路线规划返回的polyline坐标解压
   * @return {Array} 格式 [{latitude: lat, longitude: lon}]
   */</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /uni-business/common/utils/qqmap.js [212:9
                  - 235:6]
                </div>
                <div>
                  /uni-business/common/utils/qqmap.js [97:9
                  - 120:6]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>212</p>
                  
                  <p>213</p>
                  
                  <p>214</p>
                  
                  <p>215</p>
                  
                  <p>216</p>
                  
                  <p>217</p>
                  
                  <p>218</p>
                  
                  <p>219</p>
                  
                  <p>220</p>
                  
                  <p>221</p>
                  
                  <p>222</p>
                  
                  <p>223</p>
                  
                  <p>224</p>
                  
                  <p>225</p>
                  
                  <p>226</p>
                  
                  <p>227</p>
                  
                  <p>228</p>
                  
                  <p>229</p>
                  
                  <p>230</p>
                  
                  <p>231</p>
                  
                  <p>232</p>
                  
                  <p>233</p>
                  
                  <p>234</p>
                  
                  <p>235</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                    <p>100</p>
                  
                    <p>101</p>
                  
                    <p>102</p>
                  
                    <p>103</p>
                  
                    <p>104</p>
                  
                    <p>105</p>
                  
                    <p>106</p>
                  
                    <p>107</p>
                  
                    <p>108</p>
                  
                    <p>109</p>
                  
                    <p>110</p>
                  
                    <p>111</p>
                  
                    <p>112</p>
                  
                    <p>113</p>
                  
                    <p>114</p>
                  
                    <p>115</p>
                  
                    <p>116</p>
                  
                    <p>117</p>
                  
                    <p>118</p>
                  
                    <p>119</p>
                  
                    <p>120</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">...options,
        success(res) {
          if (typeof options.success === &#39;function&#39;) {
            options.success(res)
          }
          if (res.status === 0) {
            resolve(res)
          } else {
            reject(res)
          }
        },
        fail(res) {
          if (typeof options.fail === &#39;function&#39;) {
            options.fail(res)
          }
          reject(res)
        }
      })
    })
  }

  /**
   * 产生随机数
   */</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /pages/home/components/common.js [1:1
                  - 14:2]
                </div>
                <div>
                  /pages/order-home/components/common.js [4:1
                  - 17:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">export const isEmpty = (value) =&gt; +value == 0;

export const formatScope = (target) =&gt; {
  const { max, min } = target;
  const minEmpty = isEmpty(min);
  const maxEmpty = isEmpty(max);
  if (minEmpty &amp;&amp; maxEmpty) {
    return &#39;-&#39;;
  } else if (minEmpty || maxEmpty) {
    return minEmpty ? max : min;
  } else {
    return `${min} - ${max}`;
  }
};</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /uni-business/date-picker-big/method.js [1:1
                  - 43:2]
                </div>
                <div>
                  /pages/order-confirm/components/confirm-order/appointment-time-picker-confirm1/date-picker-big/method.js [1:1
                  - 43:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                  <p>32</p>
                  
                  <p>33</p>
                  
                  <p>34</p>
                  
                  <p>35</p>
                  
                  <p>36</p>
                  
                  <p>37</p>
                  
                  <p>38</p>
                  
                  <p>39</p>
                  
                  <p>40</p>
                  
                  <p>41</p>
                  
                  <p>42</p>
                  
                  <p>43</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>1</p>
                  
                    <p>2</p>
                  
                    <p>3</p>
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                    <p>39</p>
                  
                    <p>40</p>
                  
                    <p>41</p>
                  
                    <p>42</p>
                  
                    <p>43</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">/**
 * 比较两个日期相差几天
 *
 * @param {Date|number} source 比较的时间（标准时间）
 * @param {Date|number} target 被比较的时间（需要比较的时间）
 * @return {{
 * isYearSame: Boolean, // 年份是否相同
 * isMonthSame: Boolean, // 月份是否相同,
 * isDateSame: Boolean, // 日期是否相同,
 * sourceDate: Date, // 被比较日期的0点时间对象,
 * targetDate: Date, // 被比较日期的0点时间对象,
 * distance: Number // 相差几天
 * }}
 */
export function getDistanceBetweenTwoTime(source, target) {
  let isYearSame = false
  let isMonthSame = false
  let isDateSame = false
  let s = source
  let t = target
  if (!(source instanceof Date)) {
    s = new Date(source)
  }
  if (!(target instanceof Date)) {
    t = new Date(target)
  }
  isYearSame = s.getFullYear() === t.getFullYear()
  isMonthSame = s.getMonth() === t.getMonth()
  isDateSame = s.getDate() === t.getDate()
  let sourceDate = new Date(s.getFullYear(), s.getMonth(), s.getDate())
  let targetDate = new Date(t.getFullYear(), t.getMonth(), t.getDate())
  let distance =
    (targetDate.getTime() - sourceDate.getTime()) / (24 * 60 * 60 * 1000)

  return {
    isYearSame,
    isMonthSame,
    isDateSame,
    sourceDate,
    targetDate,
    distance,
  }
}</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /common/api/order-mock.js [74:7
                  - 114:22]
                </div>
                <div>
                  /common/api/order-mock.js [4:7
                  - 44:22]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>74</p>
                  
                  <p>75</p>
                  
                  <p>76</p>
                  
                  <p>77</p>
                  
                  <p>78</p>
                  
                  <p>79</p>
                  
                  <p>80</p>
                  
                  <p>81</p>
                  
                  <p>82</p>
                  
                  <p>83</p>
                  
                  <p>84</p>
                  
                  <p>85</p>
                  
                  <p>86</p>
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                  <p>100</p>
                  
                  <p>101</p>
                  
                  <p>102</p>
                  
                  <p>103</p>
                  
                  <p>104</p>
                  
                  <p>105</p>
                  
                  <p>106</p>
                  
                  <p>107</p>
                  
                  <p>108</p>
                  
                  <p>109</p>
                  
                  <p>110</p>
                  
                  <p>111</p>
                  
                  <p>112</p>
                  
                  <p>113</p>
                  
                  <p>114</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                    <p>39</p>
                  
                    <p>40</p>
                  
                    <p>41</p>
                  
                    <p>42</p>
                  
                    <p>43</p>
                  
                    <p>44</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">{
        abnormal_bill_time: &#39;&#39;,
        addr_info_arr: [
          {
            addr: &#39;上海市黄浦区瑞金一路100号&#39;,
            city_id: 1006,
            contact_name: &#39;天&#39;,
            contact_phone_no: &#39;11111111111&#39;,
            contacts_name: &#39;天&#39;,
            contacts_phone_no: &#39;11111111111&#39;,
            district_name: &#39;黄浦区&#39;,
            house_number: &#39;&#39;,
            lat_lon: { lat: 31.222190378279, lon: 121.45844593138 },
            lat_lon_baidu: [],
            lat_lon_gcj: [],
            lat_lon_item: { lat: 31.222190378279, lon: 121.45844593138 },
            name: &#39;上海市向明中学&#39;,
          },
          {
            addr:
              &#39;上海市静安区浙江北路与塘沽路交叉路口往南约50米(中粮天悦-一号东北侧)&#39;,
            city_id: 1006,
            contact_name: &#39;&#39;,
            contact_phone_no: &#39;&#39;,
            contacts_name: &#39;&#39;,
            contacts_phone_no: &#39;&#39;,
            district_name: &#39;静安区&#39;,
            house_number: &#39;&#39;,
            lat_lon: { lat: 31.246149197683, lon: 121.47046931053 },
            lat_lon_baidu: [],
            lat_lon_gcj: [],
            lat_lon_item: { lat: 31.246149197683, lon: 121.47046931053 },
            name: &#39;七浦商厦&#39;,
          },
        ],
        amount_fen: 0,
        city_id: 1006,
        complain_bill_time: &#39;&#39;,
        coupon_fen: 0,
        coupon_id: 0,
        create_time: &#39;2021-03-31 15:08:45&#39;</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /common/api/order-mock.js [131:35
                  - 184:22]
                </div>
                <div>
                  /common/api/order-mock.js [61:35
                  - 44:22]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>131</p>
                  
                  <p>132</p>
                  
                  <p>133</p>
                  
                  <p>134</p>
                  
                  <p>135</p>
                  
                  <p>136</p>
                  
                  <p>137</p>
                  
                  <p>138</p>
                  
                  <p>139</p>
                  
                  <p>140</p>
                  
                  <p>141</p>
                  
                  <p>142</p>
                  
                  <p>143</p>
                  
                  <p>144</p>
                  
                  <p>145</p>
                  
                  <p>146</p>
                  
                  <p>147</p>
                  
                  <p>148</p>
                  
                  <p>149</p>
                  
                  <p>150</p>
                  
                  <p>151</p>
                  
                  <p>152</p>
                  
                  <p>153</p>
                  
                  <p>154</p>
                  
                  <p>155</p>
                  
                  <p>156</p>
                  
                  <p>157</p>
                  
                  <p>158</p>
                  
                  <p>159</p>
                  
                  <p>160</p>
                  
                  <p>161</p>
                  
                  <p>162</p>
                  
                  <p>163</p>
                  
                  <p>164</p>
                  
                  <p>165</p>
                  
                  <p>166</p>
                  
                  <p>167</p>
                  
                  <p>168</p>
                  
                  <p>169</p>
                  
                  <p>170</p>
                  
                  <p>171</p>
                  
                  <p>172</p>
                  
                  <p>173</p>
                  
                  <p>174</p>
                  
                  <p>175</p>
                  
                  <p>176</p>
                  
                  <p>177</p>
                  
                  <p>178</p>
                  
                  <p>179</p>
                  
                  <p>180</p>
                  
                  <p>181</p>
                  
                  <p>182</p>
                  
                  <p>183</p>
                  
                  <p>184</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>61</p>
                  
                    <p>62</p>
                  
                    <p>63</p>
                  
                    <p>64</p>
                  
                    <p>65</p>
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                    <p>89</p>
                  
                    <p>90</p>
                  
                    <p>91</p>
                  
                    <p>92</p>
                  
                    <p>93</p>
                  
                    <p>94</p>
                  
                    <p>95</p>
                  
                    <p>96</p>
                  
                    <p>97</p>
                  
                    <p>98</p>
                  
                    <p>99</p>
                  
                    <p>100</p>
                  
                    <p>101</p>
                  
                    <p>102</p>
                  
                    <p>103</p>
                  
                    <p>104</p>
                  
                    <p>105</p>
                  
                    <p>106</p>
                  
                    <p>107</p>
                  
                    <p>108</p>
                  
                    <p>109</p>
                  
                    <p>110</p>
                  
                    <p>111</p>
                  
                    <p>112</p>
                  
                    <p>113</p>
                  
                    <p>114</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">,
        order_vehicle_id: 909,
        pay_status: 2,
        pay_type: 31,
        porterage_type: 0,
        price_fen: 80500,
        remark: &#39;&#39;,
        send_bill_price_fen: 80500,
        send_bill_time: &#39;&#39;,
        update_bill_time: &#39;&#39;,
        user_id: 1100376067,
        vehicle_type_name: &#39;9米6&#39;,
      },
      {
        abnormal_bill_time: &#39;&#39;,
        addr_info_arr: [
          {
            addr: &#39;上海市黄浦区瑞金一路100号&#39;,
            city_id: 1006,
            contact_name: &#39;天&#39;,
            contact_phone_no: &#39;11111111111&#39;,
            contacts_name: &#39;天&#39;,
            contacts_phone_no: &#39;11111111111&#39;,
            district_name: &#39;黄浦区&#39;,
            house_number: &#39;&#39;,
            lat_lon: { lat: 31.222190378279, lon: 121.45844593138 },
            lat_lon_baidu: [],
            lat_lon_gcj: [],
            lat_lon_item: { lat: 31.222190378279, lon: 121.45844593138 },
            name: &#39;上海市向明中学&#39;,
          },
          {
            addr:
              &#39;上海市静安区浙江北路与塘沽路交叉路口往南约50米(中粮天悦-一号东北侧)&#39;,
            city_id: 1006,
            contact_name: &#39;&#39;,
            contact_phone_no: &#39;&#39;,
            contacts_name: &#39;&#39;,
            contacts_phone_no: &#39;&#39;,
            district_name: &#39;静安区&#39;,
            house_number: &#39;&#39;,
            lat_lon: { lat: 31.246149197683, lon: 121.47046931053 },
            lat_lon_baidu: [],
            lat_lon_gcj: [],
            lat_lon_item: { lat: 31.246149197683, lon: 121.47046931053 },
            name: &#39;七浦商厦&#39;,
          },
        ],
        amount_fen: 0,
        city_id: 1006,
        complain_bill_time: &#39;&#39;,
        coupon_fen: 0,
        coupon_id: 0,
        create_time: &#39;2021-03-31 10:14:46&#39;</code></pre>
              </article>
            </div>
          </div>
            
          
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /common/utils/date.ts [1:1
                  - 53:13]
                </div>
                <div>
                  /uni-business/common/utils/date.ts [1:1
                  - 53:13]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>1</p>
                  
                  <p>2</p>
                  
                  <p>3</p>
                  
                  <p>4</p>
                  
                  <p>5</p>
                  
                  <p>6</p>
                  
                  <p>7</p>
                  
                  <p>8</p>
                  
                  <p>9</p>
                  
                  <p>10</p>
                  
                  <p>11</p>
                  
                  <p>12</p>
                  
                  <p>13</p>
                  
                  <p>14</p>
                  
                  <p>15</p>
                  
                  <p>16</p>
                  
                  <p>17</p>
                  
                  <p>18</p>
                  
                  <p>19</p>
                  
                  <p>20</p>
                  
                  <p>21</p>
                  
                  <p>22</p>
                  
                  <p>23</p>
                  
                  <p>24</p>
                  
                  <p>25</p>
                  
                  <p>26</p>
                  
                  <p>27</p>
                  
                  <p>28</p>
                  
                  <p>29</p>
                  
                  <p>30</p>
                  
                  <p>31</p>
                  
                  <p>32</p>
                  
                  <p>33</p>
                  
                  <p>34</p>
                  
                  <p>35</p>
                  
                  <p>36</p>
                  
                  <p>37</p>
                  
                  <p>38</p>
                  
                  <p>39</p>
                  
                  <p>40</p>
                  
                  <p>41</p>
                  
                  <p>42</p>
                  
                  <p>43</p>
                  
                  <p>44</p>
                  
                  <p>45</p>
                  
                  <p>46</p>
                  
                  <p>47</p>
                  
                  <p>48</p>
                  
                  <p>49</p>
                  
                  <p>50</p>
                  
                  <p>51</p>
                  
                  <p>52</p>
                  
                  <p>53</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>1</p>
                  
                    <p>2</p>
                  
                    <p>3</p>
                  
                    <p>4</p>
                  
                    <p>5</p>
                  
                    <p>6</p>
                  
                    <p>7</p>
                  
                    <p>8</p>
                  
                    <p>9</p>
                  
                    <p>10</p>
                  
                    <p>11</p>
                  
                    <p>12</p>
                  
                    <p>13</p>
                  
                    <p>14</p>
                  
                    <p>15</p>
                  
                    <p>16</p>
                  
                    <p>17</p>
                  
                    <p>18</p>
                  
                    <p>19</p>
                  
                    <p>20</p>
                  
                    <p>21</p>
                  
                    <p>22</p>
                  
                    <p>23</p>
                  
                    <p>24</p>
                  
                    <p>25</p>
                  
                    <p>26</p>
                  
                    <p>27</p>
                  
                    <p>28</p>
                  
                    <p>29</p>
                  
                    <p>30</p>
                  
                    <p>31</p>
                  
                    <p>32</p>
                  
                    <p>33</p>
                  
                    <p>34</p>
                  
                    <p>35</p>
                  
                    <p>36</p>
                  
                    <p>37</p>
                  
                    <p>38</p>
                  
                    <p>39</p>
                  
                    <p>40</p>
                  
                    <p>41</p>
                  
                    <p>42</p>
                  
                    <p>43</p>
                  
                    <p>44</p>
                  
                    <p>45</p>
                  
                    <p>46</p>
                  
                    <p>47</p>
                  
                    <p>48</p>
                  
                    <p>49</p>
                  
                    <p>50</p>
                  
                    <p>51</p>
                  
                    <p>52</p>
                  
                    <p>53</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">export const timestamp = (time: number) : number=&gt;{
  let str = time.toString()
  if(/\d{13}/.test(str)){
    return +time
  }
  if(/\d{10}/.test(str)){
    return +time * 1000
  }
  // error
  return 0
  
}


/**
 * 获取用车可用时间
 * @param {Number} startTime 开始计算的时间
 * @param {Number} days 可选间隔天数
 * @param {Number} timeStep 时间间隔的步长
 * @param {Number} createTime 确认订单的时间戳
 * @returns {Array} 时间控件可用数据 [ [], [] ]
 */
 export function getUseTimes(startTime, createTime, timeStep = 30, days = 3) {
  // 10 分钟 （预留出来的最快下单时间点）
  const ADD_MIN = 10 * 60 * 1000 
  // 间隔步长
  const SETUP_MINUTE = timeStep * 60 * 1000
  // 一天
  const ONE_DAY = 86400000
  // 可选时间的开始时间（毫秒）
  let startTimeMillSec = timestamp(startTime)
  // 开始时间当天的零点
  let startTimeZeroHourMillSec = new Date(startTimeMillSec).setHours(0, 0, 0, 0)
  // 如果当天剩余时间不足10分钟，则开始时间移到下一天的0点
  if(startTimeMillSec - startTimeZeroHourMillSec &gt; ONE_DAY - ADD_MIN){
    startTimeZeroHourMillSec += ONE_DAY
    startTimeMillSec = startTimeZeroHourMillSec
  }
  // 开始时间+10分钟后的分钟数
  const startTimeAdded10Minute = new Date(startTimeMillSec + ADD_MIN).getMinutes()
  // 创建订单的时间（毫秒）
  const createTimeMillSec = timestamp(createTime)
  // 创建订单的时间
  const createTimeZeroHourMillSec = new Date(createTimeMillSec).setHours(0, 0, 0, 0)
  // 下一个可下单时间点
  const nextOrderTime = new Date(startTimeMillSec + ADD_MIN + SETUP_MINUTE).setMinutes(startTimeAdded10Minute &gt; timeStep ? 0 : timeStep, 0, 0)
  // 下一天的0点
  const orderDayMaxTime = new Date(startTimeMillSec + ONE_DAY).setHours(0, 0, 0, 0)
  // 当天剩余下单时间点
  const orderDayHourCount = (orderDayMaxTime - nextOrderTime) / SETUP_MINUTE
  const orderTimes = []

  // debugger;</code></pre>
              </article>
            </div>
          </div>
            
          <div>
            <dl class="fl-item">
              <dt class="fl-item-btn">+</dt>
              <dd class="fl-item-details">
                <div>
                  /common/utils/date.ts [87:3
                  - 109:2]
                </div>
                <div>
                  /uni-business/common/utils/date.ts [66:3
                  - 88:2]
                </div>
              </dd>
            </dl>
            <div class="fl-detail">
              <aside class="fld-num">
                <div class="num-item">
                  
                  <p>87</p>
                  
                  <p>88</p>
                  
                  <p>89</p>
                  
                  <p>90</p>
                  
                  <p>91</p>
                  
                  <p>92</p>
                  
                  <p>93</p>
                  
                  <p>94</p>
                  
                  <p>95</p>
                  
                  <p>96</p>
                  
                  <p>97</p>
                  
                  <p>98</p>
                  
                  <p>99</p>
                  
                  <p>100</p>
                  
                  <p>101</p>
                  
                  <p>102</p>
                  
                  <p>103</p>
                  
                  <p>104</p>
                  
                  <p>105</p>
                  
                  <p>106</p>
                  
                  <p>107</p>
                  
                  <p>108</p>
                  
                  <p>109</p>
                  
                </div>
                <div class="num-item">
                  
                    <p>66</p>
                  
                    <p>67</p>
                  
                    <p>68</p>
                  
                    <p>69</p>
                  
                    <p>70</p>
                  
                    <p>71</p>
                  
                    <p>72</p>
                  
                    <p>73</p>
                  
                    <p>74</p>
                  
                    <p>75</p>
                  
                    <p>76</p>
                  
                    <p>77</p>
                  
                    <p>78</p>
                  
                    <p>79</p>
                  
                    <p>80</p>
                  
                    <p>81</p>
                  
                    <p>82</p>
                  
                    <p>83</p>
                  
                    <p>84</p>
                  
                    <p>85</p>
                  
                    <p>86</p>
                  
                    <p>87</p>
                  
                    <p>88</p>
                  
                </div>
              </aside>

              <article class="fld-con">
                <pre><code id="msg">// 一天总共可下单点
  const dayHourCount = ONE_DAY / SETUP_MINUTE
  // 从下单到预约时间一共多久
  const passDay = (+startTimeZeroHourMillSec - createTimeZeroHourMillSec) / ONE_DAY
  // 实际需要计算的天数，需要减去下单日期到当前预约时间的差距
  const calcDay = days - passDay - 1

  for (let day = 1; day &lt;= calcDay; day++) {
    const timeList = []
    for (let j = 0; j &lt; dayHourCount; j++) {
      // 时间的总偏移量 = 日期的时间偏移量（时间的天数 * 一天的时间戳）+ 当天的时间偏移量（偏移半小时数 * 半小时的时间戳）
      let diffTime = day * ONE_DAY + SETUP_MINUTE * j
      timeList.push({
        // calc_time: 下单当天的零点时间 + 偏移量
        calc_time: startTimeZeroHourMillSec + diffTime
      })
    }

    orderTimes.push(timeList)
  }

  return orderTimes
}</code></pre>
              </article>
            </div>
          </div>
            
          

        </div>

      </article>
    </div>
    <div
      class="top"
      id="top"
      onclick="document.body.scrollTop = document.documentElement.scrollTop=0"
    ></div>
  </body>
</html>
